body {
  font-family: "ヒラギノ角ゴ", "Hiragino Sans", "Noto Sans JP", sans-serif;
  font-size: 13px;
  margin: 0;
  background-color: #fafafa;
  overflow-x: hidden;
  /* filter: drop-shadow(0px 0px #000); */
}

.wrap {
  max-width: 750px;
  margin: 0 auto;
  background-color: #FFF;
}

.inner {
  width: 100%;
  max-width: 750px;
  padding: 0 8%;
  margin: 0 auto;
  box-sizing: border-box;
}

header {
  display: block;
}

a {
  display: block;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

img {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}

p {
  text-align: center;
}

figure {
  margin: 0;
}

ul {
  margin: 0;
  padding: 0;
}

li {
  margin: 0;
  list-style: none;
}

dd {
  margin: 0;
}

.logo {
  padding: 2%;
}

.logo img {
  max-width: 30%;
  margin: 0 auto;
}

.mv {
  display: block;
}

h1 {
  margin: 0;
  padding: 0;
}

.video-frame {
  overflow: hidden;
  position: relative;
  /* height: 0;
  padding-top: 150%; */
  aspect-ratio: 50 / 76;
  /* 750 / 1140 */
}

.video-frame video {
  display: block;
  width: 100%;
  object-fit: cover;
}

.cv {
  display: block;
  position: relative;
  max-width: 750px;
  background-image: url(../img/cv_bg02.png);
  background-repeat: no-repeat;
  background-color: #3c54d2;
  padding: 0 0 120% 0;
  overflow: hidden;
}

.cv .video-box {
  position: relative;
}

.cv .video-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #3c54d2;
  opacity: .5;
}

.cv .video-box::after {
  display: block;
  position: absolute;
  content: "";
  top: 83%;
  width: 100%;
  height: 100%;
  background-image: url(../img/cv_bg02.png);
  background-repeat: no-repeat;
  background-position: top;
  background-size: contain;
  z-index: 1;
}

.cv .inner {
  margin: 0 auto;
}

.cv-box {
  position: absolute;
  top: 59%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #FFF;
  border-radius: 10px;
  width: 90%;
  padding: 30px 0;
  z-index: 2;
}

.video-box {
  position: relative;
  width: 100%;
  max-width: 750px;
  height: auto;
  max-height: 1140px;
}

.video-box video {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.ttl-blue {
  color: #3d5bc9;
  font-weight: 900;
  margin-bottom: 0;
}

.cv .ttl-blue {
  font-size: 1em;
}

/* フェードインさせる要素 */
.section-ttl {
  text-align: center;
  font-size: 22px;
}

.cv-tx {
  position: relative;
  margin-bottom: 25px;
}

/*h2スライドアップ*/
.scroll_slideUp-box {
  overflow: hidden;
  /*ttlの下カット*/

}

.scroll_slideUp01 {
  opacity: 0;
  visibility: hidden;
  transform: translateY(200px);
  transition: opacity .8s, visibility .5s, transform 1s;
}

.scroll_slideUp02 {
  opacity: 0;
  visibility: hidden;
  transform: translateY(200px);
  transition: opacity 1s, visibility .5s, transform 1s;
}

.slideUp01 {
  visibility: visible;
  transform: translateY(0px);
  opacity: 1;
  /* animation-name: slideUp_animation;
  animation-duration: 1s;
  animation-fill-mode: forwards; */
}

.slideUp02 {
  /* animation-name: slideUp_animation;
  animation-duration: 1.2s;
  animation-fill-mode: forwards; */
  animation-delay: .2s;
  visibility: visible;
  transform: translateY(0px);
  opacity: 1;
}

/* @keyframes slideUp_animation {
  from {
    transform: translateY(200px);
  }
  to {
    transform: translateY(0);
  }
}

@keyframes slideUp_animation02 {
  from {
    transform: translateY(200px);
  }
  to {
    transform: translateY(0);
  }
} */


/* フェードインさせる要素 */
.shade-box-L,
.shade-box-R {
  overflow: hidden;

}

.shade-box-L {
  position: absolute;
  width: 60px;
  height: 50px;
  top: 5%;
  left: 8%;
  background-image: url(../img/Shade_b.png);
  background-size: 60%;
  background-repeat: no-repeat;
}

.shade-box-R {
  position: absolute;
  width: 60px;
  height: 50px;
  right: 10%;
  top: 0;
  background-image: url(../img/Shade_b.png);
  background-size: 60%;
  background-repeat: no-repeat;
}

.cv .shade-box-R {
  right: 3%;
  top: 75%;
}

.shade-R {
  animation-name: shade_R_animation;
  animation-duration: 1.2s;
  animation-fill-mode: forwards;
  opacity: 0;
  animation-delay: .3s;
  /* overflow: hidden;
 */
}

@keyframes shade_R_animation {
  from {
    opacity: 0;
    transform: translateX(200%);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.shade-L {
  animation-name: shade_L_animation;
  animation-duration: 1.2s;
  animation-fill-mode: forwards;
  animation-delay: .3s;
  opacity: 0;
}

@keyframes shade_L_animation {
  from {
    opacity: 0;
    transform: translateX(-200%);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.cv p {
  font-weight: 600;
  font-size: calc(27px/2);
}

.cv .tx-s {
  margin-bottom: 25px;
}

.cv-tel {
  text-align: center;
}

.cv-tel a {
  width: 80%;
  margin: 0 auto;
}

.cv-tel img {
  vertical-align: bottom;
}

.tx-s {
  font-size: .6em;
}

.tx-ss {
  font-size: .4em;
}

.tx-large {
  font-size: 1.3em;
  letter-spacing: .1em;
}

.cv-btn {
  height: fit-content;
}

.cv-btn a {
  width: 80%;
  display: block;
  margin: 0 auto;
}

.strength{
  padding-top: 5em;
  padding-bottom: 50px;
  background: #edf0ff;
}

.strength .strength-box{
  margin-top: 2em;
}

.strength .strength-item{
  margin-bottom: 5em;
}

.strength .strength-item p {
  text-align: left;
  font-weight: bold;
  font-size: 1.3em;
  letter-spacing: 1px;
  padding-top: 5px;
  line-height: 1.5em;
}

/*種類*/
.features {
  background-image: url(../img/features_bg02top.png), url(../img/features_bg02bottom.png), url(../img/feature_bg.jpg);
  background-position: top, bottom, top;
  background-size: contain;
  background-repeat: no-repeat, no-repeat, repeat;
  height: fit-content;
  padding-top: 5em;
  padding-bottom: 70px;
}

.features .inner {
  padding: 0 8%;
  overflow: hidden;
  /*斜線とボタンの干渉用*/
}

h3 {
  position: relative;
  text-align: center;
  font-size: 24px;
  letter-spacing: 1px;
  font-weight: 900;
  margin-bottom: 40px;
}

.shade-box {
  position: relative;
}

.shade-box-L.light_blue {
  background-image: url(../img/Shade_ab.png);
  top: 0;
  left: 10%;
}

.shade-box-R.light_blue {
  top: 50%;
  right: 3%;
  background-image: url(../img/Shade_ab.png);
}

.shade-box-L.orange {
  background-image: url(../img/Shade_or.png);
  top: 0;
  left: 5%;
}

.shade-box-R.orange {
  background-image: url(../img/Shade_or.png);
  top: 50%;
  right: -5%;
}

.ortho-box {
  display: block;
  padding: 0 0 8% 0;
}

.ortho-box img {
  margin: 0 auto;
  margin-bottom: 8%;
}

/*ポップアップ*/
.zoomIn-box {
  opacity: 0;
}

.zoomIn {
  animation-name: zoomIn_animation;
  animation-duration: .7s;
  animation-delay: .3s;
  animation-fill-mode: forwards;
  transform: scale(0);
}

@keyframes zoomIn_animation {
  from {
    transform: scale(0.3);
  }

  to {
    transform: scale(1);
    opacity: 1;
  }
}

/*スライド*/
.slide-L {
  animation-name: slide_L_animation;
  animation-duration: .7s;
  animation-fill-mode: forwards;
  animation-delay: .3s;
  opacity: 0;
}

@keyframes slide_L_animation {
  from {
    opacity: 0;
    transform: translateX(-250px);

  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.slide-R {
  animation-name: slide_R_animation;
  animation-duration: .7s;
  animation-fill-mode: forwards;
  animation-delay: .6s;
  opacity: 0;
}

@keyframes slide_R_animation {
  from {
    opacity: 0;
    transform: translateX(250px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}


h4 {
  background-color: #3d5bc9;
  color: #FFF;
  width: 40%;
  height: auto;
  text-align: center;
  font-size: 1.3em;
  padding: 10px;
  margin: auto;
}

.feature-wire {
  padding-top: 5em;
  margin-bottom: 100px;
}

.ortho-box p {
  text-align: left;
  font-weight: bold;
  font-size: 1.3em;
  letter-spacing: 1px;
  padding-top: 5px;
  line-height: 1.5em;
}

.ortho-flexbox {
  display: flex;
  width: 100%;
  align-items: flex-end;
  margin-bottom: 100px;
}

.ortho-flexbox h4 {
  max-height: 80px;
  width: fit-content;
  font-size: 1.2em;
  padding: 10px;
  margin-left: 8%;
}

.ortho-flexbox p {
  font-size: 1.1em;
}


.ortho-tx h4 {
  width: fit-content;
  text-align: left;
  margin-left: 40px;
}

.ortho-tx-right p {
  font-weight: bold;
  text-align: left;
  margin-left: 12%;
  padding-top: 10px;
}

.ortho-tx-right {
  max-width: 55%;
}

.ortho-tx-left {
  max-width: 55%;
}

.ortho-tx-left h4 {
  width: fit-content;
  text-align: left;
  margin-left: 0;
}

.ortho-tx-left p {
  font-weight: bold;
  text-align: left;
  margin-right: 8%;
  padding-top: 10px;
}

.feature-mouth_piece h3::before {
  position: absolute;
  top: -20%;
  left: 0;
  background-image: url(../img/Shade_or.png);
}

.feature-mouth_piece h3::after {
  position: absolute;
  right: 0;
  bottom: -20%;
  content: "";
  background-image: url(../img/Shade_or.png);
}

.feature-mouth_piece h4 {
  max-width: 400px;
  width: fit-content;
  padding-right: 20px;
  padding-left: 20px;
  font-size: 1.3em;
}

.feature-mouth_piece .ortho-box {
  padding: 0 5%;
}

.feature-mouth_piece p {
  font-size: 1.16em;
}

.feature-mouth_piece .tx-s {
  font-size: .7em;
  line-height: .7em;
}

/*比較*/
.compare {
  background-image: url(../img/features_bg02top.png), url(../img/features_bg02bottom.png);
  padding-top: 5em;
  padding-bottom: 100px;
}

.compare h2 {
  margin-bottom: 5%;
}

.compare h3 {
  font-weight: 800;
  font-size: 1.8em;
  margin-bottom: 30px;
}

.compare h3::before {
  display: none;
}

.compare h3::after {
  display: none;
}

.compare .tx-margin {
  font-size: 1.4em;
  margin: 10px 0 0 0;
}

.compare-slidebox {
  position: relative;
  max-width: 700px;
  width: 100%;
  background-color: #FFF;
  border-radius: 10px;
  margin-top: 20px;
  padding: 20px 0 0 0;
}

.compare-slidebox::before {
  position: absolute;
  width: 125px;
  height: 127px;
  top: -3%;
  left: 5%;
  content: "";
  background-image: url(../img/Shade_b_lg.png);
  background-size: 50%;
  background-repeat: no-repeat;
  z-index: 2;
}

.compare-slidebox figure {
  max-width: 100%;
  margin: 6%;
}

.compare-wire {
  position: relative;
  margin-bottom: 5%;
}

.compare-wire-caption {
  background-color: #38b7e4;
  position: absolute;
  top: -14%;
  right: 5%;
  color: #FFF;
  font-size: 12px;
  font-weight: bold;
  padding: 7px 17px;
}

.compare-mouth_piece {
  position: relative;
}

.compare-mouth_piece-caption {
  background-color: #f06716;
  position: absolute;
  top: -13%;
  right: 5%;
  color: #FFF;
  font-size: 12px;
  font-weight: bold;
  padding: 7px 17px;
}

/*症例*/
.case {
  background-image: url(../img/feature_bg.jpg);
  background-size: cover;
  background-repeat: repeat;
  padding: 5em 0 2em;
  margin: 0 auto;
}

.case .inner {
  padding: 0 8%;
}

.case .scroll_slideUp01 img {
  max-width: 55%;
}

.case .shade-box-L.light_blue {
  top: -25%;
  left: -5%;
}

.case .shade-box-L.orange {
  top: -25%;
  left: 5%;
}


.case-wire figcaption {
  background-color: #38b7e4;
  color: #FFF;
  width: fit-content;
  font-size: .9em;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 10px 10px;
}

.case-wire,
.case-mouth_piece {
  margin-bottom: 60px;
}

.case figure {
  margin: 10% 5px 15% 5px;
}

.case-ttl {
  font-size: 1.3em;
  margin-bottom: 8%;
  font-weight: 900;
}

.case h3::before {
  left: -3%;
}

.case .orange::before {
  background-image: url(../img/Shade_or.png);
  left: 5%;
}

.case h3::after {
  display: none;
}

.case ol {
  margin: 0 0 15% 0;
  padding: 0;
}

.case-tx {
  background-color: #edf0ff;
  padding: 30px;
  border-radius: 20px;
  margin: 0 auto;
}

.case dl {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.2em;
  font-weight: bold;
  margin: 0 0 6% 0;
}

.case dt {
  width: calc(40% - 5%);
  margin: 5px 0;
}

.case dd {
  width: 60%;
  margin: 5px 0;
}

.case ul {
  display: block;
  font-size: .8em;
  font-weight: bold;
}

.case-tx li {
  position: relative;
  padding-left: 20px;
  letter-spacing: 1px;
}

.case-tx li::before {
  content: "※";
  position: absolute;
  left: 0;
}

.case-mouth_piece figcaption {
  background-color: #f06716;
  color: #FFF;
  width: fit-content;
  font-size: .9em;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 10px;
}

.case01 {
  margin-bottom: 25%;
}

.case02 .inner {
  background-image: url(../img/cases02_bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0 10px 15% 10px;
  overflow: hidden;
  /*h2img上かrスライド用*/
}

.case02 h2 {
  color: #FFF;
  text-align: center;
  font-size: 2.3em;
  letter-spacing: 4px;
  margin-bottom: 8%;
}

.case02 .ttl-small {
  font-size: .8em;
}

.case02 img {
  width: 90%;
  padding: 10px;
  margin: 0 auto;
}

/*case02 img*/
.slideDown {
  animation-name: slideDown_animation;
  animation-duration: .7s;
  animation-fill-mode: forwards;
  animation-delay: .6s;
  opacity: 0;
}

@keyframes slideDown_animation {
  from {
    opacity: 0;
    transform: translateY(-100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.scaling‗trigger {
  animation: scaling 1.5s ease-in-out infinite alternate;
}

@keyframes scaling {
  from {
    transform: scale(0.9, 0.9);
  }

  to {
    transform: scale(1, 1);
  }
}

.case02 .btn {
  display: block;
  width: calc(675px / 2);
  height: auto;
  border: solid 1px #f0255c;
  border-radius: 70px;
  background: none;
  background-color: #f0255c;
  box-shadow: none;
  margin: 0 auto;
  padding: 5%;
  box-sizing: border-box;
  font-size: 15px;
  text-align: center;
  letter-spacing: 2px;
}

.case02 .btn:hover {
  background-color: #FFF;
  color: #f0255c;
  transition: .5s;
}

.case02 a {
  width: 100%;
  color: #FFF;
  box-sizing: border-box;
}


.fa {
  font: normal normal normal 1.1rem/1 FontAwesome;
}

.case02 i {
  width: 5%;
  padding-left: 13%;
}

/*比較スライダー*/
.slider {
  width: 100%;
  margin: 0 auto;
}

.compare .slick-list.draggable {
  padding: 20px !important;
}

.slider .slick-slide {
  margin-right: 2vw !important;
  margin-left: 2vw !important;
}

.slider .slick-dots {
  bottom: -20px !important;
  color: #3c54d2;
}

.slider .slick-dots li {
  width: 10px !important;
}

.slider .slick-dots li button::before {
  /* font-size: 25px !important; */
  color: #3c54d2;
}

.slider .slick-dots li.slick-active button::before {
  color: #3c54d2;
  opacity: 1;
}

/*---------- 矢印 ----------*/
.slider .slick-next {
  right: 1% !important;
}

.slider .slick-prev {
  left: 1% !important;
}

.slider .slick-arrow {
  width: 25px !important;
  height: 25px !important;
  z-index: 2 !important;
}

.slider .slick-arrow:before {
  display: block;
  font-size: 20px !important;
  color: #3c54d2 !important;
  width: 25px !important;
  height: 25px !important;
  opacity: 1 !important;
}

/*症例画像スライダー*/
.slick-dots {
  bottom: -15% !important;
}

.slick-dots li {
  width: 10px !important;
}

.slick-dots li button::before {
  /* font-size: 25px !important; */
  color: #3c54d2;
}

.slick-dots li.slick-active button::before {
  color: #3c54d2;
  opacity: 1;
}

/*---------- 矢印 ----------*/
.case-slide-box .slick-next {
  right: -4% !important;
}

.case-slide-box .slick-prev {
  left: -4% !important;
}

.case-slide-box .slick-arrow {
  width: initial !important;
  height: initial !important;
  z-index: 2 !important;
}

.slick-arrow:before {
  display: block;
  font-size: 20px !important;
  width: 25px !important;
  height: 25px !important;
  opacity: 1 !important;
  background-color: #3c54d2;
  border-radius: 50%;
}

.slick-prev.slick-arrow:before {
  content: "◂";
  line-height: 25px !important;
  color: #FFF !important;

}

.slick-next.slick-arrow:before {
  content: "▸";
  line-height: 25px !important;
  color: #FFF !important;
}


/*金額*/
.fee {
  padding-top: 15%;
  overflow: hidden;
  /*斜線とボタンの干渉用*/
}

.fee .scroll_slideUp01 img {
  max-width: 40%;
}

.fee .orange::before {
  background-image: url(../img/Shade_or.png);
}

.fee .orange::after {
  background-image: url(../img/Shade_or.png);
}

.fee h4 {
  width: 100%;
  height: auto;
  font-size: 1.3em;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 5px 0;
}

.fee-box {
  padding-top: 10%;
  margin-bottom: 10%;
}

.fee-box dl {
  text-align: center;
  font-weight: bold;
  margin-bottom: 10%;
  font-size: 1.3em;
  font-weight: 800;
}

.fee-box dt {
  background-color: #edf0ff;
  border: solid 1px #3d5bc9;
  padding: 10px 0;
}

.fee-box dd {
  border: solid 1px #3d5bc9;
  border-top: none;
  padding: 10px 0;
  font-size: 1em;
  margin-bottom: 4%;
}

.fee-box .fee-tx-s {
  font-size: .9em;
}

.fee-box ul {
  font-size: .9em;
  font-weight: bold;
}

.fee-box li {
  position: relative;
  padding-left: 1em;
  margin-bottom: 5px;
  letter-spacing: 1px;
}

.fee-box li::before {
  content: "※";
  position: absolute;
  left: 0;
}

.fee .zoomIn {
  animation-delay: .2s;
}

.clinic{
  padding-top: 5em;
  padding-bottom: 5em;
}

.clinic .clinic-box{
  padding-top: 10%;
  margin-bottom: 10%;
}

.clinic h4{
  width: 100%;
  height: auto;
  font-size: 1.3em;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 5px 0;
}

.clinic dl {
  text-align: center;
  margin-bottom: 10%;
  font-size: 1.1em;
  font-weight: 800;
}

.clinic dt {
  background-color: #edf0ff;
  border: solid 1px #3d5bc9;
  padding: 10px;
}

.clinic dd {
  border: solid 1px #3d5bc9;
  border-top: none;
  padding: 10px;
  font-size: 1em;
  margin-bottom: 4%;
}

.btnshine {
  position: relative;
  display: block;
  overflow: hidden;
}

.btnshine::before {
  content: '';
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  left: -75%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  transform: skewX(-25deg);
  /*背景白透過を斜めに*/
}

.btnshine:hover::before {
  animation: shine 0.6s;
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

.cvr {
  max-width: 750px;
  /* position: fixed;
  bottom: 0;
  z-index: 99; */
  /* animation: cvr_animation 1s forwards; */
  /**/
  /* opacity: 0;
  transition: 2s; */
  display: none;
}

.cvr .inner {
  margin: 0 auto;
}

.cvr.cvr_fixed {
  width: 100%;
  display: block;
  position: fixed;
  bottom: 0;
  z-index: 99;
  opacity: 1;
  animation: cvr_animation 0.5s forwards;
}

.cvr.cvr_fixed img {
  width: 100%;
  margin: 0 auto;
}

@keyframes cvr_animation {
  0% {
    opacity: 0;
  }

  25% {
    opacity: 0.25;
  }

  50% {
    opacity: 0.5;
  }

  75% {
    opacity: 0.75;
  }

  100% {
    opacity: 1;
  }
}

footer {
  padding-bottom: 15%;
  letter-spacing: 1px;
}

/*タブレット*/
@media (min-width: 767px) {
  a[href^="tel:"] {
    pointer-events: none;
  }

  .wrap {
    font-size: 20px;
  }

  .logo img {
    width: 38%;
  }

  .section-ttl {
    font-size: 38px;
  }

  .ttl-blue {
    font-size: 34px;
  }

  h2 {
    font-size: 40px;
  }

  h3 {
    font-size: 38px;
    margin-bottom: 10%;
  }

  .shade-box-R {
    right: 10%;
    background-size: 100%;
  }

  .shade-box-L {
    left: 10%;
    background-size: 100%;
  }

  .shade-box-L.light_blue,
  .shade-box-L.orange {
    left: 10%;
  }

  .shade-box-R.light_blue,
  .shade-box-R.orange {
    right: 10%;
  }

  .cv .shade-box-R {
    right: 10%;
  }

  .cv {
    padding-bottom: 100%;
  }

  .cv p {
    font-size: 27px;
  }

  .cv-box {
    top: 60%;
  }

  .cv .video-box::after {
    display: block;
    position: absolute;
    content: "";
    top: 83%;
  }

  .compare-wire-caption {
    font-size: 24px;
    padding: 12px 27px;
  }

  .compare-mouth_piece-caption {
    font-size: 24px;
    padding: 12px 27px;
  }

  .compare .slick-list.draggable {
    padding: 50px !important;
  }

  .compare-slidebox::before {
    background-size: 100%;
  }

  .slider .slick-next {
    right: 30px !important;
  }

  .slider .slick-prev {
    left: 30px !important;
  }

  .slick-next.slick-arrow:before,
  .slick-prev.slick-arrow:before {
    width: 50px !important;
    height: 50px !important;
    font-size: 40px !important;
    line-height: 55px !important;
  }

  .slick-dots {
    bottom: -10% !important;
  }

  .slick-dots li {
    width: 20px !important;
  }

  .slider .slick-dots li {
    width: 10px !important;
  }

  .slider .slick-dots li button::before {
    font-size: 35px !important;
    color: #3c54d2;
  }

  .slick-dots li button::before {
    font-size: 35px !important;
    color: #3c54d2;
  }

  .slick-dots li.slick-active button::before {
    color: #3c54d2;
    opacity: 1;
  }

  .slider .slick-slide {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }

  .case-ttl,
  .case-ttl.orange {
    font-size: 1.6em;
    margin-top: 0;
  }

  .case-wire figcaption {
    padding: 15px 25px;
  }

  .case-mouth_piece figcaption {
    padding: 15px 25px;
  }

  .case02 h2 {
    font-size: 58px;
  }

  .case02 .ttl-small {
    font-size: 40px;
  }

  .case02 .btn {
    width: 675px;
    font-size: 30px;
  }

  .case-mouth_piece {
    margin-bottom: 0;
  }

  .fa {
    font: normal normal normal 1em/1 FontAwesome;
  }

  .fee {
    font-size: 20px;
  }

}