@charset "UTF-8";

/* 共通部分
------------------------------- */
html {
    front-size: 100%;
}
body {
      font-family:"Yu Gothic Medium","游ゴシック"Medium,YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3",sans-serif
      line-height: 1.7;
        color: #432;
}
a{
  text-decoration: none;
}
img {
  max-width: 100%;
}
.wrapper {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 4%;
}

/* 大きな背景画像 */
.big-bg {
     background-size: cover;
     background-position: center top;
     background-repeat: no-repeat;
}

/* 見出し */
#home .page-title{
  font-size: 1.75rem;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  text-shadow:1px 0 5px  #eb6100;
  padding-top: 110px;
}

.page-title {
           font-size: 5rem;
           font-family:  'Philosppher', serif;
           text-transform: uppercase;
           font-weight: bold;
           color: #fff;
}

.first-price {
background-color: rgba( 204, 255, 204, 0.55 );margin: 30px auto;
border-radius: 30px;
padding: 20px;
align-items: center;
}

.first-price2{
  color: red;
  text-shadow:1px 0 5px  white;
  font-size: 2.5rem;
}
.sub-title {
  font-size: 1.375rem;
  padding: 0 8px 8px;
  border-bottom: 2px #432 solid;
  font-weight: normal;
}

 /* ボタン */
.btn-edge {
        font-size:1.375rem;
        background: #eb6100;
        color: #fff;
        border-radius: 5px;
        padding: 18px 32px;
     }
     .button:hover {
          background: #f56500;
     }


/* header
------------------------------- */

header {
  height: 90px;
  width: 100%;
  padding: 0px 15px;
  background-color: rgba(255,255,255,.5);
  position: fixed;
  top: 0;
  z-index: 10;
  display: flex;
  font-family:  'Philosppher', serif;
}

.logo {
  width: 250px;
  margin-top: 10px;
}

.lp-image00{
  width:250px;
  margin-top: 0px;
  margin-left: 30px;
}

nav {
  margin: 40px 0 0 auto;
}

.pc ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}

.pc a {
  color: #432;
  text-decoration: none;
  display: block;
  line-height: 40px;
  padding: 0 20px;
}

.sm {
  display: none;
}


/**********************************　
以下、ハンバーガーメニューの設定　
************************************/

@media (max-width: 600px) {

  .pc {
    display: none;
  }

  #hamburger {
    background-color: transparent;
    position: relative;
    cursor: pointer;
    margin: 0 0 0 auto;
    height: 60px;
    width: 60px;
    margin-top: 15px;
  }

  .icon span {
    position: absolute;
    left: 15px;
    width: 40px;
    height: 4px;
    background-color: black;
    border-radius: 8px;
    transition: ease 0.75s;
  }

  .icon span:nth-of-type(1) {
    top: 16px;
  }
  .icon span:nth-of-type(2) {
    top: 28px;
  }
  .icon span:nth-of-type(3) {
    bottom: 16px;
  }

}

  .close span:nth-of-type(1) {
    transform: rotate(45deg);
    top: 28px;
  }

  .close span:nth-of-type(2) {
    opacity: 0;
  }

  .close span:nth-of-type(3) {
      transform: rotate(-45deg);
      top: 28px;
  }

  .sm {
      top: 40px;
      left: 0px;
      position: absolute;
      z-index: 10;
      width: 100%;
      background-color:#FAF7F0;
  }

  .sm ul {
    flex-direction: column;
    list-style: none;
    line-height: 40px;
    text-align: center;
    border-top: solid 0.5px orange;

  }

  .sm li{
    border-top: solid 0.5px orange;

  }

  .sm a {
    text-align: center;
     text-decoration: none;
     color: #432;
  }

  .main-menu{
    padding:  15px;
    font-size:20px;
  }

  /* サブメニュー */
.sub-menu {
    position: absolute;
    top: 1.75rem;
    left: 1rem;
    list-style: none;
}
.sub-menu a {
    margin: 1px;
    width: 180px;
    background:  rgba(255,255,255,.5);
    padding: 10px;
    display: block;
}

/* サブメニューのあるメニュー */
.has-menu {
    position: relative;
}
.has-menu > a::after {
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    content: "\f078";
    margin-left: .5rem;
}

/* 通常はサブメニューを非表示 */
.has-menu .sub-menu {
    display: none;
}
/* カーソルを合わせるとサブメニューを表示 */
.has-menu:hover .sub-menu {
    display: block;
}

/*home
------------------------------------*/
.home-content {
      text-align: center;
      margin-top: 0;

}
.home-content p{
     font-size: 1.375rem;
     margin: 10PX 0 ;
}


#home {
     background-image: url(../images/taiyou-top01.png);
     min-height: 100vh;
}
#home .page-title{
   text-transform: none;
   padding-top: 100px;

}


.lp-image{
  margin-top: 90px;

}

.lp-image01{
  margin-top: 30px;
}

.lp-title2{
  font-weight: bold;
  padding-bottom: 0.5em;
  text-align: center;
  position: relative;
}
.lp-title2::before, .lp-title2::after {
  content: '';
  position: absolute;
  margin:auto;
  left: 0;
  bottom: 0;
  width: 2em;
  background-color: #432;
  height: 5px;
  right: 2em;
}
.lp-title2::before {
  background-color: gray;
  left:2em;
  width:4em;
}

/*　バナーボタン
-------------------------------*/

@import "https://use.fontawesome.com/releases/v5.13.0/css/all.css";

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

.reserve-btn{
  text-align: center;
}

.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

a.btn-c {
  font-size: 1.8rem;

  position: relative;

  padding: 2rem 4rem 2rem 2rem;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

  color: #fff;
  border-radius: 100vh;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#007adf),
    to(#00ecbc)
  );
  background-image: -webkit-linear-gradient(left, #007adf 0%, #00ecbc 100%);
  background-image: linear-gradient(to right, #007adf 0%, #00ecbc 100%);
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

a.btn-c:before {
  font-family: "Font Awesome 5 Free";
  font-size: 1.6rem;
  line-height: 1;

  position: absolute;
  top: calc(50% - 0.8rem);
  right: 1rem;

  margin: 0;
  padding: 0;

  content: "\f30b";
}

a.btn-c:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);

  color: #fff;
}

/*wp-ワードプレス埋め込み*/

.topics{
padding: 20px;
}

.topics ul{
  list-style: none;
}

.news-title{
  text-align: center;
  border-bottom: 1px solid #432;
  font-size: 1.5rem;
}

.title{
  border-bottom: 1px solid #432;

}

.titleWrap a {
  color: #432;
  text-decoration: none;
}

.date {
  margin-bottom: : 15px;
}


.home-title{
  position: relative;
  padding: 5px 26px 5px 42px;
  background: #fff0d9;
  font-size: 20px;
  color: #2d2d2d;
  margin-left: -33px;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 1.3;
  border-bottom: solid 3px orange;
  z-index:-2;
  list-style: none;
}

.home-title:before {
  position: absolute;
  content: '';
  left: -2px;
  top: -2px;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 40px #FAF7F0;
  border-bottom: solid 79px transparent;
  z-index: -1;
}

.home-title:after {
  position: absolute;
  content: '';
  right: -3px;
  top: -7px;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 40px transparent;
  border-bottom: solid 79px #FAF7F0;
  z-index: -1;
}

.read{
  margin-top: 20px;
  margin-bottom: 20px;
}


ul.taiyou-point{

  padding: 0.5em 1em 0.5em 1.5em;
  list-style: none;
}
ul.taiyou-point li{
  position: relative;
  padding:0.5em 1em 0.5em 2.3em;
  margin-bottom:5px;
  color: #432;
  font-size: 15px;
  font-weight: bold;
  border-bottom: 1px solid orange;
}
ul.taiyou-point li:after,
ul.taiyou-point li:before{
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
ul.taiyou-point li:before{
  top: 0.7em;
  left: 0.2em;
  width: 12px;
  height: 12px;
  border:2px solid #eb6100;
}
ul.taiyou-point li:after{
  top: 0.9em;
  left: 0.7em;
  width: 14px;
  height: 14px;
  background: orange;
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}

.home-info{
  text-align: center;
  margin: 10px 10px;
    font-size: 20px;
}

.biz-hour {
  border-collapse: collapse;
}
@media screen and (max-width: 414px) {
  .biz-hour {/* スマホのときだけ親要素いっぱいに */
    width: 100%;
  }
}
.biz-hour th, .biz-hour td {
  padding: 10px;
  text-align: center;
  /* 枠線。色を変えたい時は#ff6680というところをお好みで */
  border: 1px solid #ff6680;
}

/* 上段。backgroundを書き換えれば背景色が変わります。 */
.biz-hour th {
  background: orange;
  font-weight: normal;
}

/* 土曜日の文字色 */
.biz-hour th.sat {
  color: #3db2da;
}

/* 日曜日の文字色 */
.biz-hour th.sun {
  color: #e66a6a;
}
/*リスト*/
.service ul{
border-top: solid orange 2px;/*上のボーダー*/
  border-bottom: solid orange 2px;/*下のボーダー*/
  padding: 0.5em 0 0.5em 1.5em;
  margin-bottom: 30px;
}
.service{
  margin-top: 30px;
}

.service h2 {
  text-align: center;
}
.service li + li {
  margin-top: 30px;
}

.service p{
  margin-top: 10PX;
  margin-left: 40px;
}
.service li {
  position: relative;
  line-height: 1.2;
  padding-left: 1.7em;
  margin-top: 30px;
  list-style: none;
}

.service li::before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 1.4em;
  height: 1.4em;
  border: 2px solid #F2F2F2;

}

.service li::after {
  position: absolute;
  left: 0.2em;
  top: 0.3em;
  content: "";
  display: block;
  width: 1em;
  height: 0.5em;
  border-left: 4px solid #5AB43F;
  border-bottom: 4px solid #5AB43F;
  transform: rotate(-45deg);

}
.care {
  border-bottom: 2px #432 solid;
}
.care p{
  margin-top: 20px;
  margin-bottom: 30px;
}

.case{
    border-bottom: 2px #432 solid;
}

.taiyou-check {
position: relative;
border-top: solid 2px orange;
border-bottom: solid 2px orange;
font-size: 20px;
background: #fff0d9;
line-height: 1.4;
padding: 0.4em 0.5em;
margin: 2em 0 0.5em;
}

.taiyou-check:after {
/*タブ*/
position: absolute;
font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
font-weight: 900;
content: '\f0a6\ Check';
background:orange;
color: #fff;
left: 0px;
bottom: 100%;
border-radius: 5px 5px 0 0;
padding: 5px 7px 3px;
font-size: 0.7em;
line-height: 1;
letter-spacing: 0.05em;
}


/*sns
------------------------------------*/

/* 丸ボタン全体 */
.snsbtniti{
  list-style: none;
}

.flowbtn3{
font-family:"Yu Gothic Medium","游ゴシック"Medium,YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3",sans-serif;
border-radius:50%;
position:relative;
display:inline-block;
width:80px;
height:80px;
font-size:40px;
color:#fff!important;
text-decoration:none;
transition:.5s;
}
.flowbtn3 i{
position:relative;
bottom :0px;
}
/* Twitter */
.fl_tw1{
background:#55acee;
}
/* 問い合わせ */
.fl_ma1{
background:#f3981d;
}
/* Feedly */
.fl_fd1{
background:#6cc655;
}
/* Pocket */
.fl_pk1{
background:#ef3f56;
}
/* Facebook */
.fl_fb1{
background:#3b5998;
}
/* はてブ */
.fl_hb1{
background:#1ba5dc;
}
/* YouTube */
.fl_yu1{
background:#fc0d1c;
}
/* LINE@ */
.fl_li1{
background:#00c300;
}
/* Instagram紫グラデ背景 */
.insta_btn3{
background:-webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
background:linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
overflow:hidden;
}
/* ボタン内のテキスト */
.flowbtn3 div{
font-size:11px;
font-weight:bold;
position:relative;
bottom:10px;
}
/* ulタグの内側余白を０にする */
ul.snsbtniti{
padding:0!important;
}
/* ボタン全体の位置 */
.snsbtniti{
display:flex;
flex-flow:row wrap;
justify-content:space-around;
}
/* ボタン同士の余白 */
.snsbtniti li{
flex:0 0 33%;
text-align:center!important;
}
/* ボタンにマウスホバー時 */
.flowbtn3:hover{
-webkit-transform:translateY(-5px);
-ms-transform:translateY(-5px);
transform:translateY(-5px);
text-decoration:none;
}

/* accident
-------------------------------------------------*/
.accident-content {
      text-align: center;
      margin-top: 10%;
}
.accident-content p{
     font-size: 1.375rem;
     margin: 10PX 0 42PX;
}



#accident .page-title{
   text-transform: none;
   padding-top: 200px;

}
#accident .page-title{
  font-size: 5rem;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  text-shadow:1px 0 5px  #eb6100;
}
.page-title {
           font-size: 5rem;
           font-family:  'Philosppher', serif;
           text-transform: uppercase;
           font-weight: bold;
           color: #fff;


}
.sub-title {
  font-size: 1.375rem;
  padding: 0 8px 8px;
  border-bottom: 2px #432 solid;
  font-weight: normal;
}

 /* ボタン */
.btn-edge {
        font-size:1.375rem;
        background: #eb6100;
        color: #fff;
        border-radius: 5px;
        padding: 18px 32px;
     }
     .button:hover {
          background: #f56500;
     }


.service{
  margin-top: 30px;
  background-color: white;
}

.service2 {
  text-align: center;
}
.service li + li {
  margin-top: 30px;
}

.service p{
  margin-top: 10PX;
  margin-left: 40px;
}
.service li {
  position: relative;
  line-height: 1.2;
  padding-left: 1.7em;
  margin-top: 30px;
  list-style: none;
}

.service li::before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 1.4em;
  height: 1.4em;
  border: 2px solid #F2F2F2;

}

.service li::after {
  position: absolute;
  left: 0.2em;
  top: 0.3em;
  content: "";
  display: block;
  width: 1em;
  height: 0.5em;
  border-left: 4px solid #5AB43F;
  border-bottom: 4px solid #5AB43F;
  transform: rotate(-45deg);

}

.case{
    border-bottom: 2px #432 solid;
}



.post-title {
          font-family: "Yu Mincho", "Yu Mincho", serif;
          font-size: 2rem;
          font-weight: normal;
          border-bottom: 2px #432 solid;
        }
        .post-title{
          margin-left:auto;
        }

        .side-menu{
          margin-bottom: 60px;
          list-style: none;
        }
        .side-menu li{
          border-bottom: 1px #ddd solid;
        }
        .side-menu a {
            color: #432;
            padding: 10px;
            display: block;

}

  /* 当院について
    -------------------------------*/
#clinic{
    background-image: url(../images/IMG_0874.jpg);
  height: 400px;
  }
}
#clinic .page-title{
  color: #432;
}

#clinic .introduction{
  margin-top: 30px;
}

/*faq*/
#faq{
  background-image: url(../images/faq.jpg);
height: 400px;
}

.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa {
	overflow-x: hidden;
	margin: 0 auto;
	color: #333333;
}
.cp_qa .cp_actab {
	padding: 20px 0;
	border-bottom: 1px dotted #cccccc;
}
.cp_qa label {
	font-size: 1.2em;
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	padding: 10px 10px 0 48px;
	cursor: pointer;
}
.cp_qa .cp_actab-content {
	font-size: 1em;
	position: relative;
	overflow: hidden;
	height: 0;
	margin: 0 40px;
	padding: 0 14px;
	-webkit-transition: 0.4s ease;
	        transition: 0.4s ease;
	opacity: 0;
}
.cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_actab-content {
	height: auto;
	padding: 14px;
	opacity: 1;
}
.cp_qa .cp_plus {
	font-size: 2.4em;
	line-height: 100%;
	position: absolute;
	z-index: 5;
	margin: 3px 0 0 10px;
	-webkit-transition: 0.2s ease;
	        transition: 0.2s ease;
}
.cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_plus {
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.cp_qa .cp_actab input[type=checkbox] {
  display: none;
}

/*price*/
#price{
    background-image: url(../images/shop2.jpg);
  height: 400px;
  }


  /* staff
  -------------------------------*/
  #price{
  background-image: url(../images/shop2.jpg);
　height: 400px;
}

/* container */
.container wrapper{
    max-width:1000px;
    margin:0px auto;
    padding:80px 0px;
}
.container{
  margin-top: 40px;
  border-bottom: solid 2px #432;
}
/* content */
@media (min-width: 992px) {
 .container .content {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
.wrapper .content-item {
    width:100%;
}
@media (min-width: 992px) {
 .content-item {
        width:50%;
    }
}
.wrapper .image{
    display:block;
    max-width:100%;
    margin:0px auto;
}
.wrapper .text{
    padding:20px;
}
.wrapper .text .heading{
    margin:0px 0px 40px 0px;
    font-size: 24px;
    font-weight: normal;
    text-align: center;
}

.img01{
  width: 200px;
}



  /*first
  ------------------------------*/
  #first{
    background-image: url(../images/IMG_0874.jpg);
  height: 400px;
  }

  .first-title{
    font-size: 0.5rem;
    padding: 0 8px 8px;
    border-bottom: 2px #432 solid;
    font-weight: normal;
    text-align: center;
  }

  .steps-title {
    width: 100%;
    margin: 0 .5em 1em 0em;
    background: #fff5c2;
    text-decoration: none;
    color: #444;
    position: relative;
    height: 100px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column nowrap;
  }

  .sample img {
     width: 300px;  /* 横幅を300pxに */
  }
  .sample{
    text-align: center;
    margin: 0 auto;
  }

  .form-explain {
    min-height: 5em;
    text-align: center;
  }

  .steps-title::after {
    content: "";
    display: block;
    border-top: 20px solid #fff5c2 !important;
    border-right: 38vw solid transparent !important;
    border-left: 38vw solid transparent !important;
    border-bottom: none;
    position: absolute;
    width: 0;
    height: 0;
    bottom: -10px !important;
    top: auto !important;
    left: 50%;
    margin-top: 0 !important;
    margin-left: -38vw;
  }

/*menu */
  .menu-main{
    text-align: center;
  }
  .menu-main p{
    text-align: right;
  }
  /* menu design */
  dl.menu{
    width:100%;
    font-size: 1rem;
    }
  dl.menu div{
    position: relative;
    display: flex;
    justify-content: space-between;
    margin: 5px 0;
    padding: 5px 0;
    }
  dl.menu div::after{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    z-index: 0;
    width: 100%;


    }
  dl.menu dt{
    margin:0;
    padding: 0 5px 0 0;
    background-color: #ffffff;
    z-index: 0;
    text-align: left;
    }
  dl.menu dd{
    margin:0;
    padding: 0 0 0 5px;
    background-color: #ffffff;
    z-index: 0;
    text-align: right;
    }


  /* background */
  body{
   background-color:#FAF7F0;
  }
  section.test_area{
    max-width:800px;
    margin:0 auto;
    padding:20px;
    background-color:#ffffff;
  }

  .grid {
    display: grid;
    gap: 26px;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    margin-top: 6%;
    margin-bottom: 50px;
    text-align: center;
  }



  /*neckpain
  -----------------------------------*/
  #neckpain {
    background-image: url(../images/treatment4.jpg);
  height: 400px;
  }
  .main-title{
    position: relative;
    padding: 5px 26px 5px 42px;
    background: #fff0d9;
    font-size: 20px;
    color: #2d2d2d;
    margin-left: -33px;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.3;
    border-bottom: solid 3px orange;
    z-index:-2;
    list-style: none;
  }

  .main-title:before {
    position: absolute;
    content: '';
    left: -2px;
    top: -2px;
    width: 0;
    height: 0;
    border: none;
    border-left: solid 40px #FAF7F0;
    border-bottom: solid 79px transparent;
    z-index: -1;
  }

  .main-title:after {
    position: absolute;
    content: '';
    right: -3px;
    top: -7px;
    width: 0;
    height: 0;
    border: none;
    border-left: solid 40px transparent;
    border-bottom: solid 79px #FAF7F0;
    z-index: -1;
  }

  .case1 {
  position: relative;
  border-top: solid 2px orange;
  border-bottom: solid 2px orange;
  font-size: 20px;
  background: #fff0d9;
  line-height: 1.4;
  padding: 0.4em 0.5em;
  margin: 2em 0 0.5em;
}

.case1:after {
  /*タブ*/
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  font-weight: 900;
  content: '\f0a7\ POINT';
  background: orange;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 5px 7px 3px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em;
}
  /*backpain
  -----------------------------------*/
  #backpain {
    background-image: url(../images/IMG_07491.jpg);
  height: 400px;
  }
  .image-pain{
    width: 400px;
    margin: 0 auto;
    text-align: center;
  }
  /*footpain
  -----------------------------------*/
#footpain {
    background-image: url(../images/IMG_07691.jpg);
  height: 400px;
  }


/*CONTACT
-----------------------------------*/
#contact {
  background-image: url(../images/contact-bg.jpg);
height: 400px;
  }
#contact.wrapper{
  color: #432;
}
#contact .page-title{
  color: #432;
  text-transform: none;
}
.parking{
  width: 400px;
  margin: 20px auto;
}

/*求人情報*/
#recruit {
  background-image: url(../images/shop2.jpg);
height: 400px;
  }


table {
margin: 20px auto;
}
.tbl-r02 th {
background: orange;
border: solid 1px #ccc;
color: #fff;
padding: 10px 20px 10px 20px;
}
.tbl-r02 td {
　border: solid 1px #ccc;
padding: 10px 20px 10px 20px;
}

.recruit-image{
  margin-top: 30px;
  margin-bottom: 30px;
}



/* 店舗情報・地図 */
#location {
    padding: 4% 0;
}
#location .wrapper {
    display: flex;
    justify-content: space-between;
}
.location-info {
    width: 22%;
}
.location-info p {
    padding: 12px 10px;
}
.location-map {
    width: 74%;
}

/* ifram */
iframe{
  width: 100%;
}

/* SNS */
#sns {
    background: #FAF7F0;
    padding: 4% 0;
}
#sns .wrapper {
    justify-content: space-between;
    display: flex;
}
#sns .sub-title {
    margin-bottom: 50px;
}
.sns-box {
    width: 50%;
}


/*　バナーボタン
-------------------------------*/

@import "https://use.fontawesome.com/releases/v5.13.0/css/all.css";

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

.reserve-btn{
  text-align: center;
}

.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

a.btn-c {
  font-size: 1.8rem;

  position: relative;

  padding: 2rem 4rem 2rem 2rem;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

  color: #fff;
  border-radius: 100vh;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#007adf),
    to(#00ecbc)
  );
  background-image: -webkit-linear-gradient(left, #007adf 0%, #00ecbc 100%);
  background-image: linear-gradient(to right, #007adf 0%, #00ecbc 100%);
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

a.btn-c:before {
  font-family: "Font Awesome 5 Free";
  font-size: 1.6rem;
  line-height: 1;

  position: absolute;
  top: calc(50% - 0.8rem);
  right: 1rem;

  margin: 0;
  padding: 0;

  content: "\f30b";
}

a.btn-c:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);

  color: #fff;
}



/*　フッター
-------------------------------*/

/***追従するトップへ戻るボタン***/
#page_top{
  width: 50%;
  height: 60px;
  position: fixed;
  right: 0;
  bottom: 0;
  background:   #eb6100;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f3cd';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -25px;
  bottom: 0;
  right: 0px;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content: '初回WEB予約';
  font-size: 15px;
  color: #fff;
  position: absolute;
  top: 30px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top1{
  width: 50%;
  height: 60px;
  position: fixed;
  left: 0;
  bottom: 0;
  background:  green;
}

#page_top1 a{
  position: relative;
  display: block;
  width: 95%;
  height: 60px;
  text-decoration: none;
}
#page_top1 a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f095';
  font-size: 20px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -25px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top1 a::after{
  content: 'TEL問い合わせ';
  font-size: 13px;
  color: #fff;
  position: absolute;
  top: 30px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
/***トップへ戻るボタンここまで***/

footer {
     background: orange;
     text-align: center;
     padding: 26px 0;
}
footer p {
     color: #fff;
     front-size: 0.875rem;
}
.footer-nav{
  color: white;
}
.footer-nav h3{
  margin-bottom: 10px;

}


.footer-nav ul{
  list-style: none;
}
.footer-nav1 li{
  margin-bottom: 10px;
    text-decoration: underline;
}

.footer-nav2 {
  color: white;
  list-style: none;
}


.privacy{
  color: white;
  font-size: 0.5rem;
}

.copyright{
  margin-top: 30px;
  margin-bottom: 60px;
}


/* モバイル
---------------------------------*/
@media (max-width: 600px) {

  #home .page-title {
     font-size: 1.25rem;
     padding-top: 250px;
  }

    .first-price{
      margin: 50px auto;

    }

    .first-price1{
      font-size: 1.25rem;
    }
    .first-price2{
      font-size: 2rem;
      color: red;
      text-shadow:1px 0 5px  white;
    }
     .btn-edge{
       margin-top:auto;
     }
     .page-header {
        flex-direction: column;
        align-items: center;
     }



     /* HEADER */
     .main-nav {
       font-size: 0.9rem;
       margin-top: 10px;
     }
     .main-nav li {
       margin: 0 20px;
     }

     .lp-image00{
       width: 200px;
       margin-top: 20px;

     }

     /* HOME */

    /* accident
    -----------------------------------*/


    aside {
      margin-top: 60px;
    }
    .post-info {
      margin-bottom: 30px;
    }
    .post-date {
      width: 70px;
      height: 70px;
      font-size: 1rem;
    }
    .post-date span {
       font-size: 0.875rem;
       padding-top: 2px;
    }
    .post-title{
      font-size:  1.375rem;
      text-align:center;

    }

    /*backpain
    -----------------------------------*/
    #backpain {
      background-image: url(../images/IMG_0749.jpg);
    }

    /*neckpain
    -----------------------------------*/
    #neckpain {
      background-image: url(../images/neckpain.jpg);

    }

    /* treatment */
    #treatment .page-title {
       margin-top: 30px;
    }

  /*staff*/
    #staff {
        background-image: url(../images/IMG_0926.jpg);
    }

    /*price*/
    #price{
        background-image: url(../images/shop.jpg);

      }


    /* CONTACT */
   #contact .page-title {
       margin-top: 30px;
   }

   /*求人情報*/
   #recruit {
     background-image: url(../images/shop.jpg);
     }

   /* 店舗情報・地図 / SNS */
   #location .wrapper,
   #sns .wrapper {
       flex-direction: column;
   }
   .location-info,
   .location-map,
   .sns-box {
       width: 100%;
   }
   .sns-box {
       margin-bottom: 30px;
   }
}