@charset "UTF-8";

/************************************
** 1400px以下
************************************/
@media (max-width: 1400px) {
/* 1400px以下 */

/**********************
 * TOPのみ
 **********************/
.home p {
    font-size: 1.4vw;
}

/**********************
 * 全体
 **********************/
.inner {
  max-width: 90%;
  padding: 3vw;
}
.wrap {
  max-width: 100%;
  padding: 0;
}

/* em */
em.em-ttl{
  font-size: 2vw;
}

/* em-heading */
em.em-heading i{
  font-size: 1.7vw;
}

/* h2 */
h2.h2-ttl{
  font-size: 3.3vw;
}

/* h3 */
h3.h3-ttl{
  font-size: 2.4vw;
}

/* box-shadow */
.box-shadow{
  padding: 5vw;
}

/**********************
 * メインイメージ
 **********************/
.main_img .txt-box .term p {
  font-size: 3vw;
}
.main-point{
  width: 95%;
  bottom: 5%;
}
.main-point ul{
  justify-content: flex-start;
  left: 30px;
}
.main-point ul li {
  padding: 2.7vw 1.3vw 1.3vw;
  font-size: 2vw;
}
.main-point ul li strong small{
  font-size: 1.3vw;
}
.main-point ul li strong i{
  font-size: 1.7vw;
}
.main-point ul li div{
  line-height: 1;
}
.main-point ul li div span{
  font-size: 14px;
}
.main-point ul li div em{
  font-size: 1.6vw;
}
.main_img .img-box figure.img01{
  width: 48vw;
  height: 48vw;
  margin: 0;
}
.main_img .img-box figure.img02,
.main_img .img-box figure.img03{
  width: 18vw;
  height: 18vw;
}

/**********************
 * TOP　バナー
 **********************/
.top-bnr .inner {
  max-width: 80%;
}
.top-bnr ul li .bar-inner a{
  padding: 110px 50px;
}
.top-bnr ul li .bar-inner a .in h2{
  font-size: 5vw;
}
.top-bnr ul li .store-bnr a .in h2 span{
  font-size: 11vw;
}

/**********************
 * TOP　特徴
 **********************/
.top-features {
	margin-top: 100px;
}	
	
/**********************
 * TOP　お悩み
 **********************/
.top-onayami {
  margin-top: 80px;
  padding: 30px 0;
}	
.top-onayami .txt-box ul li{
  font-size: 1.8vw;
}
.top-onayami .ttl{
  bottom: -180px;
}
.top-onayami .ttl p{
  font-size: 5vw;
}
.top-onayami .img-box img {
  width: 33vw;
  height: 33vw;
}

/**********************
 * TOP　お任せ
 **********************/
ul.menu_box li a{
  padding: 1.3vw;
}
ul.menu_box li a img{
  width: 15vw;
  height: 15vw;
}
ul.menu_box li a p{
  font-size: 1.7vw;
  padding: 2vw;
  width: 14vw;
}
ul.menu_box li a .corner{
  width: 8vw;
  height: 8vw;
}

/* sub-Menu */
.sub-Menu .txt-box p{
  font-size: 2.4vw;
}
.sub-Menu ul{
  padding: 2.7vw;
}
.sub-Menu ul li{
  font-size: 1.7vw;
}

/**********************
 * TOP　施術メニュー
 **********************/
ul.treatment-menu{
  gap: 2vw;
  width: 100%;
  margin: 4vw auto 3vw;
}
ul.treatment-menu li{
  padding: 1vw;
}
ul.treatment-menu li a img{
  width: 13vw;
  height: 13vw;
}
ul.treatment-menu li a p {
  font-size: 1.5vw;
  padding: 1.4vw;
  width: 14vw;
}

/**********************
 * TOP　bnr02
 **********************/
.top-bnr02 ul{
  width: 100%;
}

/**********************
 * TOP　選ばれる理由
 **********************/
.top-reason-in .box-shadow{
  width: 80%;
  padding: 3vw;
}
.top-reason-in .box-shadow ul{
  gap: 3vw;
  border-radius: 2.7vw;
}
.top-reason-in .box-shadow ul li{
  padding: 3vw;
  font-size: 1.7vw;
}
.top-reason-deco{
  width: 33vw;
  height: 33vw;
}

/* 固定ページ追加 */
.top-reason-deco02{
  width: 33vw;
  height: 33vw;
}

/**********************
 * TOP　アクセス
 **********************/
.top-access ul li{
  padding: 2.3vw;
}
.access-txt p.ttl{
  font-size: 1.8vw;
}
.access-txt p.access{
  font-size: 1.3vw;
}
.access-txt div.txt-box{
  gap: 0.4vw;
}
.access-txt div.txt-box dl{
  font-size: 1vw;
}
.access-txt div.txt-box dl dt{
  font-size: 1vw;
}
.access-txt p.note{
  font-size: 1vw;
}
.access-btn div a,
.link-btn div a{
  padding: 0.7vw 1.7vw 0.7vw 0.7vw;
  gap: 0 0.3vw;
}
.access-btn div a p,
.link-btn div a p {
  font-size: 1.2vw;
}

/**********************
 * TOP　患者様の声
 **********************/
.top-voice-in .item{
  width: 100%;
}

/**********************
 * TOP　施術の流れ
 **********************/
.top-flow-in .num-box{
  width: 15vw;
  font-size: 8.3vw;
}
.top-flow-in .num-box small{
  font-size: 2.4vw;
}
.top-flow-in .txt-box{
  padding: 0 2vw;
}
.top-flow-in .img-box {
  width: 20vw;
}

/**********************
 * TOP　ご挨拶
 **********************/
.top-greeting .inner .txt-box .txt-personal{
  padding: 2.7vw;
}
.top-greeting .inner .txt-box .txt-personal p.p-02{
  font-size: 1.3vw;
}
.top-greeting .inner .txt-box .txt-personal p.p-03{
  font-size: 1vw;
}
.top-greeting .inner h3.h3-ttl {
	font-size: 	30px;
}
/**********************
 * TOP　アクセス02
 **********************/
.top-access02 .access-in .access-txt p.area{
  font-size: 1vw;
}
.top-access02 .access-in .access-txt p.ttl{
  font-size: 1.8vw;
}

/**********************
 * フッター
 **********************/
.footer-txt h2 {
    font-size: 3vw;
}
.footer-txt h2 em{
  font-size: 1.3vw;
}

/**********************
 * check02
 **********************/
.check02-in{
  max-width: 100%;
}
.check02-in::before{
  width: 100%;
}
.check02-in .txt-box p{
  font-size: 3vw;
}
.check02-in ul.list li{
  font-size: 1.7vw;
  padding: 1.4vw 2.8vw;
}
.check02-deco{
  left: 0.3vw;
  bottom: 0;
  width: 15vw;
}

/* 1400px以下 終了 */
}
/* 1400px以下 終了 */


/************************************
** 1024px以下
************************************/
@media (max-width: 1024px) {
/* 1024px以下 */

/**********************
 * メインイメージ
 **********************/
.main_img{
/*  height: 75vh;*/
}

/**********************
 * TOP　お悩み
 **********************/
.top-onayami{
  margin-top: 130px;
}

/**********************
 * TOP　症状
 **********************/
.top-symptom{
  margin-top: 140px
}

/**********************
 * TOP　選ばれる理由
 **********************/
.top-reason{
  margin-top: 130px;
  padding: 130px 0;
}

/**********************
 * TOP　アクセス
 **********************/
.top-access{
  margin-top: 130px;
}

/**********************
 * TOP　施術の流れ
 **********************/
.top-flow{
  margin-top: 130px;
}

/**********************
 * TOP　ご挨拶
 **********************/
.top-greeting{
  margin-top: 130px;
}

/**********************
 * TOP　アクセス02
 **********************/
.top-access02{
  margin-top: 130px;
}

/**********************
 * フッター
 **********************/
#footer{
  margin-top: 130px;
}

/**********************
 * appeal
 **********************/
.appeal{
  margin-top: 130px;
}

/**********************
 * knowledge
 **********************/
.knowledge{
  margin-top: 130px;
}

/**********************
 * check
 **********************/
.check{
  margin-top: 130px;
}

/**********************
 * バナー　追加
 **********************/
.bnr_box {
    margin: 130px auto;
}

/**********************
 * 下層ページ はじめての方
 **********************/
.beginner-content .txt-box {
    flex-basis: 65%;
}
/**********************
 * 下層ページ 料金表
 **********************/
.page-price h3 {
	font-size: 34px;
}
.page-price .price-main {
	margin-top: 50px;
}
.page-price h4 {
    font-size: 30px;
}
.page-price .price-box:last-child {
	margin-bottom: 0;
}
/**********************
 * 下層ページ 対応症状
 **********************/
.page-cases > .inner {
	width: 90vw;
}
.page-cases .cases-txt {
}
.cases-list {
	gap: 15px 1.3333%;
}
.cases-list li {
	flex-basis: 32%;
}

/**********************
 * 下層ページ 対応症状
 **********************/
.page-cases-detail > .inner {
	width: 80vw;
}
	
/* 1024px以下 終了 */
}
/* 1024px以下 終了 */