@charset "UTF-8";
/* CSS Document */
.w100p {
  width: 100%;
  height: auto; }
.news_wrap{
  max-width: 650px;
}
/* YUI 3.8.1 (build 5795) Copyright 2013 Yahoo! Inc. http://yuilibrary.com/license/ */
html {
  color: #000;
  background: #FFF; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

input, textarea, select {
  *font-size: 100%; }

legend {
  color: #000; }

#yui3-css-stamp.cssreset {
  display: none; }

@-webkit-keyframes gradient_bg {
  0% {
    background-color: #f65555; }
  25% {
    background-color: #9355f6; }
  50% {
    background-color: #f6f355; }
  75% {
    background-color: #55f66b; }
  100% {
    background-color: #55def6; } }

@keyframes gradient_bg {
  0% {
    background-color: #f65555; }
  25% {
    background-color: #9355f6; }
  50% {
    background-color: #f6f355; }
  75% {
    background-color: #55f66b; }
  100% {
    background-color: #55def6; } }

@-webkit-keyframes gradient_bg2 {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }

@keyframes gradient_bg2 {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }

.gradient_bg2_color {
  background: -webkit-linear-gradient(135deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
  background: -o-linear-gradient(135deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
  background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
  -webkit-animation: gradient_bg2 25s ease-in infinite;
  animation: gradient_bg2 25s ease-in infinite;
  background-size: 400% 400%; }

.flex_bet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

p, span, i, div, li, a, h1 {
  letter-spacing: 1.5px;
  line-height: 1.5; }

body {
  font-family: 'Noto Sans JP', serif;
  font-size: 14px; }

#spnav {
  display: none; }

/* ページトップ */
#page-top {
  position: fixed;
  bottom: 0;
  right: 0; }

#page-top a {
  text-decoration: none;
  color: #fff;
  background-color: #ff7740;
  text-align: center;
  width: 50px;
  height: 50px;
  vertical-align: middle;
  display: inline-block; }

.fjf {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 550; }

header {
  border-top: 5px solid #423a35;
  padding: 55px 0px 15px 0px; }
  header .h_logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    header .h_logo a {
      display: block; }

.h_menu {
  position: relative;
  z-index: 650; }
  .h_menu a {
    display: block;
    width: 55px;
    height: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #423a35; }
    .h_menu a i {
      color: #fff;
      font-size: 1.5em; }

.h_tel {
  position: relative;
  z-index: 650; }
  .h_tel a {
    display: block;
    width: 55px;
    height: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #ff661d; }
    .h_tel a i {
      color: #fff;
      font-size: 1.5em; }

#gr {
  background: #423a35; }

.flexslider {
  width: 95%;
  margin: 10px auto 0 auto;
  padding: 15px 0; }

.slides img {
  width: 100%;
  height: auto; }

.main_section {
  padding: 45px 25px; }

.index_about {
  margin: 45px 0 0 0; }

.t_01 {
  position: relative;
  font-size: 1.3em;
  font-weight: bold;
  padding: 5px 0;
  border-bottom: 2px solid #ff661d;
  width: -webkit-calc(100% - 20px);
  width: calc(100% - 20px); }
  .t_01 i {
    margin: 0 3px 0 0; }
  .t_01:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -2px;
    right: 0;
    width: 80%;
    border-bottom: 2px solid #cecece; }

.t_02 {
  position: relative;
  font-size: 1.3em;
  font-weight: bold;
  padding: 5px 0;
  border-bottom: 2px solid #00ab82;
  width: -webkit-calc(100% - 20px);
  width: calc(100% - 20px); }
  .t_02 i {
    margin: 0 3px 0 0; }
  .t_02:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -2px;
    right: 0;
    width: 80%;
    border-bottom: 2px solid #cecece; }

.topics_ul {
  padding: 15px; }
  .topics_ul li {
    border-bottom:1px dotted #423a35;
    padding: 10px 0; }
  .topics_ul li:nth-child(4){
    border-bottom:none;
   }
    .topics_ul li a {
      display: block;
      color: #333; }
    .topics_ul li span {
      display: block; }
      .topics_ul li span:nth-child(1) {
        margin: 0 0 5px 0; 
      font-size:0.8em;}
    

.more_a01 {
  display: block;
  max-width: 250px;
  width: 100%;
  border: 1px solid #423a35;
  background-color: #ff661d;
  text-align: center;
  padding: 15px 0;
  margin: 0 auto; }
  .more_a01 span {
    color: #fff; }

.tj8 {
  margin: 25px 0; }
  .tj8 .jt8 {
    width: 48%;
    padding: 15px 0; }
    .tj8 .jt8:nth-child(1) {
      width: 40%; }
    .tj8 .jt8:nth-child(2) {
      width: 55%; }
    .tj8 .jt8 img {
      width: 100%;
      height: auto;
      margin: 0 auto; }

.tkk8_01 {
  font-size: 1.1em;
  font-weight: bold;
  color: #f88179; }

.tkk8_02 {
  font-size: 1.1em;
  font-weight: bold;
  color: #6dcf46; }

.tkk8_03 {
  font-size: 1.1em;
  font-weight: bold;
  color: #51ddf0; }

.f_r {
  color: #fff;
  font-weight: bold; }

.jj88r {
  width: 100%;
  background-color: #fff;
  text-align: center;
  padding: 15px 0;
  margin: 0 0 15px 0; }
  .jj88r img {
    width: 150px; }

footer {
  background-color: #686868;
  padding: 25px; }
  footer ul {
    margin: 25px 0; }
    footer ul li {
      display: inline-block;
      width: 45%;
      text-align: center;
      padding: 5px 0; }
      footer ul li a {
        display: block;
        color: #fff; }

.copy {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 10px; }

.h_main {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  height: 120px;
  width: 100%;
  position: relative; }
  .h_main::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: rgba(0, 0, 0, 0.5); }
  .h_main p {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    color: #fff;
    z-index: 250;
    font-weight: bold;
    letter-spacing: 3px;
    font-size: 1.2em; }

.greeting_main {
  background-image: url(../images/title_greeting.jpg); }

.info_main {
  background-image: url(../images/title_info.jpg); }

.treatment_main {
  background-image: url(../images/title_treatment.jpg); }

.faq_main {
  background-image: url(../images/title_faq.jpg); }

.equipment_main {
  background-image: url(../images/title_equipment.jpg); }

.access_main {
  background-image: url(../images/title_access.jpg); }

.rhr54 {
  text-align: center; }

.text_div01 p {
  margin: 10px 0; }

.rsh .u80 {
  float: right;
  width: 45%;
  max-width: 200px;
  padding: 5px;
  text-align: center; }
  .rsh .u80 p {
    margin: 0 !important; }
  .rsh .u80 img {
    width: 100%;
    height: auto; }

.aga {
  margin: 25px 0 0 0; }

.ku02 {
  padding: 5px; }
  .ku02:nth-child(1) {
    width: 100%;
    background-color: #ff662b;
    color: #fff; }

.kyy8 {
  font-weight: bold; }

.a88tj {
  text-align: center; }

.time_table {
  width: 100%;
  margin: 15px 0 15px 0; }
  .time_table tr {
    border-bottom: 1px solid #f88179; }
  .time_table p {
    padding: 5px 0;
    font-size: 11px; }
  .time_table th {
    width: 120px; }

.jtte9 {
  padding: 5px;
  background-color: #cacaca;
  margin: 0 0 25px 0; }
  .jtte9 p {
    font-size: 11px; }

.qa_sec {
  margin: 30px 0; }
  .qa_sec .text_div01 {
    padding: 10px;
    background-color: #ffffce; }

.equ_sec {
  margin: 30px 0; }

.equ_img {
  width: 100%;
  margin: 15px 0 0 0; }
  .equ_img img {
    width: 100%;
    height: auto; }

.kt88r {
  margin: 25px 0 15px 0; }

.gaaa:nth-child(even) p {
  padding: 3px;
  width: 100%; }
  .gaaa:nth-child(even) p:nth-child(1) {
    background-color: #ffcc6e; }

.gaaa:nth-child(odd) p {
  padding: 3px;
  width: 100%; }
  .gaaa:nth-child(odd) p:nth-child(1) {
    background-color: #ffe3ac; }

.g_map iframe {
  width: 100%;
  height: 350px; }

.t_03 {
  margin: 15px 0 10px 0;
  text-align: center;
  font-size: 1.3em; }
  .t_03 i {
    display: block; }

.tc {
  text-align: center;
  margin: 0 !important; }

.rj99r {
  background-color: #ffffce;
  padding: 20px 15px;
  margin: 15px 0; }

#nav_div {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 550;
  display: none; }
  #nav_div .innner_nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); }
  #nav_div li {
    padding: 15px 0; }
  #nav_div a {
    display: block;
    color: #fff;
    text-align: center;
    font-size: 1.7em; }

/* PC用
------------------------------------------------------------*/
@media only screen and (min-width: 1280px) {
  .pc_none {
    display: none; }
  .pctab_none {
    display: none; }
  .pc_block {
    display: block; } }

@media only screen and (max-width: 999px) {
  body {
    font-size: 12.5px; } }

@media only screen and (max-width: 640px) {
  /**hedaer***********************/
  body {
    font-size: 12px; }
  .main_section {
    padding: 30px 10px; }
  header {
    border-top: 3px solid #423a35;
    padding: 55px 0px 5px 0px; }
  .h_logo img {
    width: auto;
    height: 25px; }
  .fjf {
    padding: 0 0 0 10px; }
  .flexslider {
    width: 100%; } }

/* スマートフォン 縦(ポートレート) */