@charset "UTF-8";
@font-face {
  font-family: "gen";
  src: url("font/wf-1.eot"), url("font/wf-1.woff"); }
*,
*::before,
*::after {
  box-sizing: border-box; }

header, section, footer, aside, nav, article, figure {
  display: block;
  position: relative; }

html {
  height: 100%;
  -webkit-print-color-adjust: exact; }

html, body {
  margin: 0;
  padding: 0;
  font-style: normal;
  vertical-align: baseline;
  text-indent: 0;
  line-height: 1; }

html, body, small, h1, h2, h3, h4, h5 {
  font-size: 1.05em; }

div, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  font-family: tbudrgothic-std, "gen", "Noto Sans Japanese", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 100%;
  font-style: normal;
  font-weight: 900;
  text-indent: 0;
  list-style: none; }

table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  font-family: tbudrgothic-std, "gen", "Noto Sans Japanese", "游ゴシック", "Yu Gothic", sans-serif;
  font-style: normal;
  text-indent: 0;
  list-style: none; }

iframe {
  display: block;
  width: 100%;
  height: auto;
  border: none; }

img {
  display: block;
  width: 100%;
  height: auto; }

.fixImg {
  width: auto;
  height: auto; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

a {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none; }
  a:hover, a:active {
    color: #42acfa; }
  a:hover {
    transition-property: all;
    transition: 0.3s linear;
    opacity: 0.7; }

del {
  text-decoration: line-through; }

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

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

th {
  font-weight: normal; }

td, th {
  line-height: 1.3em; }

input,
select {
  vertical-align: middle; }

ul, ol, dl, li {
  padding: 0;
  margin: 0;
  list-style: none; }

area {
  cursor: pointer !important; }

section p,
.section p {
  margin-bottom: 1em;
  line-height: 1.8em; }

#contents ul,
#contents ol,
#contents dl {
  margin-bottom: 1em;
  margin-top: 1em; }

#contents li,
#contents dd {
  line-height: 1.5em; }

#contents ul li {
  margin-left: 0em;
  padding-left: normal; }

.low #contents section ol li,
.low #contents .section ol li {
  margin-left: 1.5em;
  list-style: decimal;
  padding-left: normal; }

/* clearfix -------------*/
.cf {
  zoom: 1; }

.cf:before,
.cf:after,
#headerFix:after,
header:after,
#header:after,
#container:after,
footer:after,
#contents section:after,
#contents .section:after,
#sidebar section:after,
#sidebar .section:after,
#bread:after,
footer:after,
.innerL:after,
.innerM:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

.float_block {
  overflow: hidden; }

/* Layout Document */
/* Layout Basic block   //////////////////////////////////////*/
body {
  line-height: 1.6;
  color: #1f222c; }

#hdImage {
  margin: 0 auto; }
  .low #hdImage > div {
    max-width: 1400px;
    margin: 0 auto; }

/*.low #contents > section > div,
.low #contents > .section > div{
	max-width: $width-bass;
	margin: 0 auto;
	padding: 0 $padding-side 0 $padding-side;
}*/
footer {
  background: #fff; }

.innerL {
  max-width: 1600px;
  margin: 0 auto; }

.innerM {
  max-width: 1400px;
  margin: 0 auto; }

a:hover img {
  opacity: 0.75; }

#contents > section section,
#contents > .section section {
  margin-top: 40px;
  margin-bottom: 20px; }

.home h1 {
  font-size: 2.1rem; }
  @media only screen and (max-width: 919px) {
    .home h1 {
      font-size: 1.867rem; } }

.low #headerImage {
  background: url("../img/bg.jpg") no-repeat right center;
  padding: 0 !important; }
.low h1 {
  font-size: 1.733rem;
  max-width: 1400px;
  margin: 0 auto;
  padding: 40px 20px;
  color: #449b3f;
  text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }
  @media only screen and (max-width: 650px) {
    .low h1 {
      text-align: center; } }

h2 {
  font-size: 1.733rem; }
  @media only screen and (max-width: 650px) {
    h2 {
      font-size: 1.375rem; } }

h3 {
  font-size: 1.333rem; }

h4 {
  font-size: 1.05em; }

#sidebar h2 {
  font-size: 1.05em; }

#ptBtn {
  position: fixed;
  bottom: 25px;
  right: 20px; }
  #ptBtn a {
    display: block;
    box-sizing: border-box;
    border-radius: 50%; }
    #ptBtn a:hover {
      background: rgba(255, 255, 255, 0.6); }
  #ptBtn img {
    max-width: 60px;
    height: auto;
    margin: 0 auto; }

/* Flexible Block
--------------------------------------------------------------*/
#bread {
  position: relative;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto; }

h1 {
  position: relative;
  width: 100%;
  margin: 0 auto; }

#contents > section,
#contents > .section {
  position: relative;
  padding: 40px 0; }
  #contents > section:first-child,
  #contents > .section:first-child {
    padding-top: 0; }
  #contents > section > div,
  #contents > .section > div {
    width: 96%;
    max-width: 1400px;
    margin: 0 auto; }

.home #contents > section,
.home #contents > .section {
  max-width: 100%;
  padding: 75px 0; }
  @media only screen and (max-width: 650px) {
    .home #contents > section,
    .home #contents > .section {
      padding: 45px 0; } }

.low #bread {
  width: 94%;
  margin-left: auto;
  margin-right: auto; }

footer .inblock {
  position: relative;
  width: 94%;
  max-width: 1000px;
  margin: 0 auto; }

/* 固定(common.js で使用) */
.fixed {
  position: fixed;
  top: 0;
  padding: 0;
  width: 100%;
  z-index: 300; }
  @media only screen and (max-width: 650px) {
    .fixed {
      position: static; } }

a.anchor {
  display: block;
  position: relative;
  top: -100px;
  visibility: hidden; }
  @media only screen and (min-width: 651px) and (max-width: 919px) {
    a.anchor {
      top: -220px; } }
  @media only screen and (max-width: 650px) {
    a.anchor {
      top: 0; } }

#headerFix {
  position: relative;
  padding: 15px 0 15px 0;
  margin: 0 auto; }
  @media only screen and (max-width: 650px) {
    #headerFix {
      padding-top: 10px; } }

#header #logo {
  position: absolute;
  top: 20px;
  left: 3%;
  z-index: 20;
  width: 20%; }
  @media only screen and (min-width: 921px) and (max-width: 1380px) {
    #header #logo {
      left: 2%; } }
  @media only screen and (max-width: 919px) {
    #header #logo {
      width: 60%; } }
  @media only screen and (max-width: 650px) {
    #header #logo {
      position: static;
      margin-bottom: 20px;
      margin-left: 2%; } }
  #header #logo img {
    max-width: 280px; }

#header #telPc {
  float: right;
  width: 15%;
  max-width: 250px;
  z-index: 10;
  text-align: center;
  margin: 20px 3% 20px 0;
  padding: 10px 5px;
  background: #89d563;
  background: linear-gradient(90deg, #89d563 0%, #8cd9e8 100%);
  font-size: 1.2em; }
  #header #telPc a {
    display: block;
    width: 100%;
    color: #fff; }
    #header #telPc a span.tel_text {
      font-size: 0.7em;
      margin-right: 1em;
      margin-bottom: 5px;
      border: 1px solid #fff;
      border-radius: 2px; }
    #header #telPc a span.tel_no {
      display: inline-block; }
    #header #telPc a i {
      color: #fff; }
  @media only screen and (min-width: 921px) and (max-width: 1380px) {
    #header #telPc {
      width: 28%;
      margin-right: 2%; } }
  @media only screen and (min-width: 651px) and (max-width: 919px) {
    #header #telPc {
      width: 35%;
      margin-right: 5px; } }
  @media only screen and (max-width: 650px) {
    #header #telPc {
      float: none;
      width: 100%;
      max-width: 260px;
      margin: 5px auto 20px;
      padding: 5px 10px; }
      #header #telPc img {
        margin: 0 auto; } }

#header #nav.fixed {
  box-shadow: 1px 1px 3px #ccc;
  background: #fff;
  z-index: 30; }
  @media only screen and (max-width: 650px) {
    #header #nav.fixed {
      box-shadow: none;
      background: none; } }

header {
  float: right;
  width: 50%;
  margin-right: 2%; }
  @media only screen and (min-width: 921px) and (max-width: 1380px) {
    header {
      float: none;
      width: 96%;
      margin-right: 0; } }
  @media only screen and (max-width: 919px) {
    header {
      float: none;
      width: 100%;
      margin-right: 0; } }

#header header#nav.fixed nav {
  float: none;
  width: 100%;
  margin-right: 0; }

header nav > ul > li {
  float: left;
  position: relative;
  width: 20%; }
  header nav > ul > li img {
    max-width: 140px;
    margin: 0 auto; }
  @media only screen and (min-width: 651px) and (max-width: 919px) {
    header nav > ul > li {
      width: 25%;
      margin: 0;
      box-shadow: none; }
      header nav > ul > li:nth-child(1) {
        display: none; } }
  @media only screen and (max-width: 650px) {
    header nav > ul > li {
      float: none;
      width: 100%; } }

header nav > ul > li > a {
  display: block;
  margin: 20px 0;
  padding: 2px 0;
  text-align: center;
  text-decoration: none;
  color: #000;
  font-weight: bold; }
  header nav > ul > li > a span {
    display: block;
    font-size: 0.8em;
    color: #89d563;
    margin-top: -0.3em; }
  header nav > ul > li > a:hover {
    background: #89d563;
    background: linear-gradient(90deg, #89d563 0%, #8cd9e8 100%);
    color: #fff; }
  header nav > ul > li > a:hover span {
    color: #fff; }
  @media only screen and (min-width: 651px) and (max-width: 919px) {
    header nav > ul > li > a {
      margin: 0;
      padding: 26px 0;
      border-left: 1px dotted #c0c0c0; } }
  @media only screen and (max-width: 650px) {
    header nav > ul > li > a {
      margin: 0; } }

header nav li:last-of-type a {
  border-right: none; }

@media only screen and (min-width: 651px) and (max-width: 919px) {
  header nav li:last-of-type a {
    border-right: none; }

  header nav.fixed li a {
    border-top: none; } }
.navDrawr .sub {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 9999;
  font-size: 0.9em; }
  @media only screen and (max-width: 650px) {
    .navDrawr .sub {
      position: static; } }
  .navDrawr .sub li {
    background: #fff; }
    @media only screen and (max-width: 650px) {
      .navDrawr .sub li {
        padding-left: 30%; } }
    .navDrawr .sub li a {
      color: #636466;
      display: block;
      width: 100%;
      padding: 20px 10px; }
      .navDrawr .sub li a:hover {
        background: #b1ecfe; }

/*@include media(sp){
	header nav li a{
		font-size:3vw;
	}
	header nav li:last-of-type a {
		letter-spacing: -0.1em;
	}
	header nav li:after,
	header nav li:nth-of-type(1):before{
		top: 0;
		-webkit-transform: translateY(0%);  Safari用 
		transform: translateY(0%);
		height: 100%;
	}
}*/
#bread {
  max-width: 1400px;
  position: relative;
  margin: 0 auto 15px auto !important;
  padding: 20px 3% 0.4em 3%;
  font-size: 0.875rem;
  line-height: 1.4em; }
  @media only screen and (max-width: 650px) {
    #bread {
      margin: 0 auto 10px auto !important;
      padding: 6px 0.3em 6px 0.3em;
      border-top: 1px dotted #c0c0c0;
      border-bottom: 1px dotted #c0c0c0; } }
  .home #bread {
    display: none; }
  #bread * {
    color: #5e5e5e; }
  #bread li {
    float: left;
    margin-right: 0.5em;
    list-style: none !important; }
  #bread a {
    margin-right: 0.5em; }
    #bread a:hover {
      text-decoration: underline !important; }

/* //////////////////////////////////////////////////////////////////////// 
サイドバー
///////////////////////////////////////////////////////////////*/
#sidebar {
  border-right: 1px dotted #ccc; }
  #sidebar li {
    line-height: 2;
    text-align: right; }
    #sidebar li a {
      color: #000; }

/* //////////////////////////////////////////////////////////////////////// 
コンテンツ 
///////////////////////////////////////////////////////////////*/
#contents {
  letter-spacing: 0.8pt; }
  #contents a {
    color: #42acfa; }
  #contents h2 span,
  #contents h3 span,
  #contents h4 span,
  #contents h5 span,
  #contents .inline span {
    display: inline-block; }

@media only screen and (max-width: 650px) {
  .inlineSp span {
    display: inline-block; } }
.low #contents h2 {
  color: #000;
  margin-bottom: 30px;
  border-bottom: 2px solid #666; }
  .low #contents h2:before {
    content: " ";
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #89d56f;
    margin-right: 10px;
    margin-bottom: -5px; }
.low #contents h3 {
  display: inline-block;
  margin-bottom: 10px;
  padding-left: 6px;
  padding-right: 6px;
  background: linear-gradient(transparent 60%, #8cd9e8 60%); }
  .low #contents h3:after {
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both; }
  @media only screen and (max-width: 919px) {
    .low #contents h3 {
      display: inline-block;
      background: none;
      border-bottom: 10px solid #8cd9e8;
      padding-bottom: 0 !important;
      line-height: 1.8;
      margin-bottom: 20px; } }

#lowMenu ul {
  display: flex; }
  #lowMenu ul li {
    border: 1px solid #23ac38; }
    #lowMenu ul li a {
      display: block;
      padding: 8px 14px;
      background: rgba(35, 172, 56, 0.3);
      font-size: 0.875rem;
      color: #000; }
  @media only screen and (max-width: 650px) {
    #lowMenu ul {
      display: block; }
      #lowMenu ul:after {
        content: "";
        display: block;
        height: 0;
        visibility: hidden;
        clear: both; }
      #lowMenu ul li {
        width: 50%;
        float: left; } }

table {
  width: auto;
  margin: 1em 0 1.5em 0; }

caption {
  margin-bottom: 0.7em;
  text-align: left;
  font-weight: bold; }

th,
td {
  padding: 0.4em 1em 0.2em 1em;
  font-size: 90%;
  font-weight: normal;
  vertical-align: middle;
  border: 1px solid #998788; }
  th span,
  td span {
    display: inline-block; }

strong {
  font-weight: bold;
  /*color: #e50043;*/ }

#bread strong {
  font-weight: normal; }

.red {
  color: #ce0a4c; }

.blue {
  color: #477fb4; }

.bold {
  font-weight: bold; }

.cc1 {
  color: #730524; }

/* コーポレートカラー*/
.blinkYellow {
  background: #FF9;
  font-weight: bold;
  color: #000; }

.size-ss {
  font-size: 80% !important; }

.size-s {
  font-size: 88% !important; }

.size-l {
  font-size: 120% !important; }

.size-ll {
  font-size: 150% !important; }

.anno {
  color: #FF0000;
  font-size: 90%; }

.anno-s {
  color: #FF0000;
  font-size: 88%; }

.anno-l {
  color: #FF0000;
  font-size: 120%;
  font-weight: bold; }

.anno-ll {
  color: #FF0000;
  font-size: 150%;
  font-weight: bold; }

.anno2 {
  margin: 1em 0em; }
  .anno2 li {
    margin-bottom: 0em;
    color: #44494c;
    font-size: 90%; }
    .anno2 li .red {
      color: #ce0a4c; }
    .anno2 li:before {
      content: "※ "; }

.point1 {
  display: inline;
  font-weight: bold;
  background: rgba(255, 255, 255, 0) linear-gradient(transparent 60%, #cce5ff 0%) repeat scroll 0 0;
  color: #1f222c; }

.point2 {
  display: inline;
  font-weight: bold;
  background: rgba(255, 255, 255, 0) linear-gradient(transparent 60%, #686c6e 0%) repeat scroll 0 0;
  color: #1f222c; }

p.lead {
  text-align: center;
  font-size: 1.333rem;
  font-weight: 600;
  line-height: 2;
  color: #686c6e; }
  @media only screen and (max-width: 650px) {
    p.lead {
      text-align: left;
      font-size: 1.125rem;
      margin-left: 10px;
      margin-right: 10px; } }

p.doctor_name {
  text-align: right;
  font-size: 1.2rem; }

.fix img {
  width: auto !important; }

.edge img,
.addImgCap img {
  border: 5px solid #ffffff;
  box-shadow: 1px 1px 7px #000; }

.addImgCap li img {
  margin: 0 auto; }

.w10 {
  width: 10%;
  height: auto; }

.w15 {
  width: 15%;
  height: auto; }

.w20 {
  width: 20%;
  height: auto; }

.w25 {
  width: 25%;
  height: auto; }

.w30 {
  width: 30%;
  height: auto; }

.w35 {
  width: 35%;
  height: auto; }

.w40 {
  width: 40%;
  height: auto; }

.w45 {
  width: 45%;
  height: auto; }

.w50 {
  width: 50%;
  height: auto; }

.w55 {
  width: 55%;
  height: auto; }

.w60 {
  width: 60%;
  height: auto; }

.w65 {
  width: 65%;
  height: auto; }

.w70 {
  width: 70%;
  height: auto; }

.w75 {
  width: 75%;
  height: auto; }

.w80 {
  width: 80%;
  height: auto; }

.w85 {
  width: 85%;
  height: auto; }

.w90 {
  width: 90%;
  height: auto; }

.w100 {
  width: 100%;
  height: auto; }

.w31 img {
  max-width: 30px; }

.w51 img {
  max-width: 50px; }

.w81 img {
  max-width: 80px; }

.w85px img {
  max-width: 85px; }

.w101 img {
  max-width: 100px; }

.w110 img {
  max-width: 110px; }

.w120 img {
  max-width: 120px; }

.w130 img {
  max-width: 130px; }

.w150 img {
  max-width: 150px; }

.w160 img {
  max-width: 160px; }

.w170 img {
  max-width: 170px; }

.w180 img {
  max-width: 180px; }

.w200 img {
  max-width: 200px; }

.w210 img {
  max-width: 210px; }

.w220 img {
  max-width: 220px; }

.w230 img {
  max-width: 230px; }

.w240 img {
  max-width: 230px; }

.w250 img {
  max-width: 250px; }

.w260 img {
  max-width: 260px; }

.w280 img {
  max-width: 280px; }

.w300 img {
  max-width: 300px; }

.w320 img {
  max-width: 320px; }

.w330 img {
  max-width: 330px; }

.w360 img {
  max-width: 360px; }

.w375 img {
  max-width: 375px; }

.w370 img {
  max-width: 370px; }

.w400 img {
  max-width: 400px; }

.w410 img {
  max-width: 410px; }

.w420 img {
  max-width: 420px; }

.w430 img {
  max-width: 430px; }

.w440 img {
  max-width: 440px; }

.w450 img {
  max-width: 450px; }

.w470 img {
  max-width: 470px; }

.w480 img {
  max-width: 480px; }

.w500 img {
  max-width: 500px; }

.w530 img {
  max-width: 530px; }

.w550 img {
  max-width: 550px; }

.w560 img {
  max-width: 560px; }

.w570 img {
  max-width: 570px; }

.w580 img {
  max-width: 580px; }

.w600 img {
  max-width: 600px; }

.w620 img {
  max-width: 620px; }

.w630 img {
  max-width: 630px; }

.w640 img {
  max-width: 640px; }

.w650 img {
  max-width: 650px; }

.w660 img {
  max-width: 660px; }

.w680 img {
  max-width: 680px; }

.w700 img {
  max-width: 700px; }

.w720 img {
  max-width: 720px; }

.w750 img {
  max-width: 750px; }

.w780 img {
  max-width: 780px; }

.w800 img {
  max-width: 800px; }

.w840 img {
  max-width: 840px; }

.w860 img {
  max-width: 860px; }

.w900 img {
  max-width: 900px; }

.w960 img {
  max-width: 960px; }

.w1000 img {
  max-width: 1000px; }

.w1200 img {
  max-width: 1200px; }

.h250 {
  max-height: 250px;
  width: auto; }

.block {
  display: block; }

.ind1 {
  text-indent: -1em;
  margin-left: 1em; }

.center {
  text-align: center; }

.right {
  text-align: right; }

.left {
  text-align: left; }

.posR {
  float: right; }

.posL {
  float: left; }

.posC {
  display: block;
  margin-right: auto;
  margin-left: auto; }

.imgR {
  float: right;
  margin: 0 0 15px 5%; }

.imgL {
  float: left;
  margin: 0 5% 15px 0; }

.imgC img {
  display: block;
  margin: 0 auto; }

.posR img,
.imgR img {
  margin-right: 0;
  margin-left: auto; }

.inline_block {
  display: inline-block; }

.mb20 {
  margin-bottom: 20px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb2e {
  margin-bottom: 2em !important; }

.mb1e {
  margin-bottom: 1em !important; }

.mb15e {
  margin-bottom: 1.5em !important; }

.mb2e {
  margin-bottom: 2em !important; }

.mb3e {
  margin-bottom: 3em !important; }

.ml20 {
  margin-left: 20px !important; }

.mr20 {
  margin-right: 20px !important; }

.mr5 {
  margin-right: 5% !important; }

.mr30 {
  margin-right: 30px !important; }

.mr1e {
  margin-right: 1em !important; }

.mt1e {
  margin-top: 1em !important; }

.mt05e {
  margin-top: 0.5em !important; }

.mt10 {
  margin-top: 10px !important; }

.mt15 {
  margin-top: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt30 {
  margin-top: 30px !important; }

.sep2 > p,
.sep2 > li,
.sep2 > figure {
  width: 46%;
  margin: 0 1.5% 1em 1.5%;
  float: left; }

.sep3 > p,
.sep3 > li,
.sep3 > figure {
  width: 31%;
  margin: 0 1% 1em 1%;
  float: left; }

#contents section p,
#contents .section p {
  margin-bottom: 1em; }

h2 span,
h3 span,
h4 span,
h5 span,
.inline span {
  display: inline-block; }

.inline-li li {
  display: inline-block;
  margin-right: 0.5em; }
  .inline-li li:before {
    content: "・";
    color: #666;
    font-weight: bold; }

.sameHeight {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-self: stretch; }
  .sameHeight li {
    align-self: stretch;
    -webkit-flex-grow: 1;
    flex-grow: 1; }

#contents ul.list-nor li {
  margin-bottom: 0.7em;
  font-weight: bold; }

#contents section ol li,
#contents .section ol li {
  margin-bottom: 0.7em; }

.list01 {
  margin-left: 1.5em; }
  .list01 li {
    margin-bottom: 0.7em;
    line-height: 1.4em;
    list-style: disc;
    font-weight: bold; }

.list02 li {
  margin-bottom: 0.7em;
  line-height: 1.4em;
  font-weight: bold; }

.listArrow {
  margin-left: 1.2em; }
  .listArrow li {
    margin-bottom: 0.7em;
    line-height: 1.4em; }
    .listArrow li a {
      color: #1a8c44 !important; }
    .listArrow li:before {
      margin-right: 5px;
      content: "\f35a";
      font-family: "Font Awesome 5 Free";
      font-weight: bold;
      color: #87bd43;
      margin-left: -1.2em; }

.listCheck {
  margin-left: 1.2em; }
  .listCheck li {
    margin-bottom: 0.7em;
    line-height: 1.4em; }
    .listCheck li:before {
      margin-right: 5px;
      content: "\f14a";
      font-family: "Font Awesome 5 Free";
      font-weight: 500;
      color: #ffea21;
      margin-left: -1.2em; }

.listCheck02 {
  margin-left: 1.2em;
  margin-bottom: 2em; }
  .listCheck02 li {
    margin-bottom: 0.7em;
    line-height: 1.4em;
    font-weight: bold; }
    .listCheck02 li:before {
      margin-right: 5px;
      content: "\f00c";
      font-family: "Font Awesome 5 Free";
      font-weight: bold;
      color: #42acfa;
      margin-left: -1.2em; }

.list-cel li {
  padding: 0.4em 1em !important;
  border: 1px solid #d1d1d1; }

.list_nmbr {
  counter-reset: list_nmbr;
  margin-left: 2em; }
  .list_nmbr li {
    margin-bottom: 1em;
    font-size: 1rem; }
  .list_nmbr li:before {
    counter-increment: list_nmbr;
    content: "【" counter(list_nmbr) "】";
    margin-left: -2.7em; }

.dl_nmbr {
  counter-reset: dl_nmbr; }
  .dl_nmbr dt {
    font-weight: bold;
    font-size: 1.125rem; }
  .dl_nmbr dt:before {
    counter-increment: dl_nmbr;
    content: "【" counter(dl_nmbr) "】"; }
  .dl_nmbr dd {
    font-size: 1rem;
    margin-bottom: 1em;
    margin-left: 1em; }

.dl-tp1 dt {
  margin-top: 0.8em;
  padding: 0.3em 0 0.1em 1.4%;
  line-height: 1.3em;
  font-weight: bold;
  border-left: 4px solid #4eb2a5; }
.dl-tp1 dd {
  padding: 0.5em 0 0.3em 2%;
  border-bottom: 1px dotted #666;
  line-height: 1.3em; }
.dl-tp1 dd:last-child {
  border-bottom: none; }

.dl-tp2 dt {
  margin-top: 0.8em;
  line-height: 1.3em;
  font-weight: bold; }
.dl-tp2 dd {
  padding: 0.2em 0 0.3em 1em;
  line-height: 1.3em; }

.dl-tp3 dt {
  display: inline-block;
  margin-top: 0.8em;
  margin-bottom: 1em;
  padding-bottom: 3px;
  padding-right: 1em;
  line-height: 1.3em;
  font-weight: bold;
  font-size: 1.1em;
  border-bottom: 2px dotted #066e36; }
  .dl-tp3 dt:before {
    margin-right: 5px;
    content: "\f0f1";
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    color: #10b7ee;
    font-size: 1.2em; }
.dl-tp3 dd {
  padding: 0.2em 0 0.3em 0;
  margin-bottom: 2em;
  line-height: 1.3em; }

.dl-table {
  display: table;
  line-height: 1.3em; }
  .dl-table dt {
    margin-top: 0.6em;
    padding: 0.3em 0 0.1em 10px;
    font-weight: normal;
    border-left: none; }
  .dl-table dd {
    margin: -1.4em 0 0.6em 0;
    padding: 0 10px 0.3em 8em;
    border-bottom: 1px dotted #CCC; }

.dl-op dt {
  margin-top: 0.8em;
  padding: 0.3em 0 0.1em 1.4%;
  line-height: 1.3em;
  font-weight: normal;
  font-weight: bold;
  border-left: none; }
.dl-op dd {
  margin: -1.6em 0 0.6em 0;
  padding: 0 0 0.2em 8em;
  border-bottom: 1px dotted #CCC; }

.icon_exp ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
.icon_exp li {
  margin: 0 0.5% 10px 0.5%;
  padding: 0;
  border: 1px solid #c4adaf; }
  .icon_exp li img {
    max-width: 50px; }
.icon_exp dl {
  margin: 0;
  margin-top: 5px; }
.icon_exp dt {
  width: 18%;
  margin-left: 5px; }
.icon_exp dd {
  width: 80%;
  margin-left: 22%;
  margin-top: -30px;
  font-size: 0.9em;
  padding: 0; }

.dl_faq dt {
  line-height: 2;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 0.8em;
  padding-left: 1.1em;
  border-bottom: 2px dotted #d0d62f; }
  .dl_faq dt:before {
    content: "Q.";
    margin-left: -1.1em;
    margin-right: 10px;
    padding: 2px 2px 2px 5px;
    background: #a6c727;
    border-radius: 5px;
    color: #fff; }
.dl_faq dd {
  line-height: 2;
  font-size: 1.1em;
  margin-bottom: 2em;
  padding-left: 2em;
  margin-left: 0.2em; }
  .dl_faq dd:before {
    content: "A.";
    font-size: 1.2em;
    font-weight: bold;
    margin-left: -1.8em;
    margin-right: 10px;
    padding: 2px 2px 2px 5px;
    background: #016b31;
    border-radius: 5px;
    color: #fff; }

.dl_access dt {
  line-height: 2;
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 0.8em;
  border-bottom: 2px dotted #87bd43;
  display: inline-block; }
  .dl_access dt i {
    color: #87bd43; }
.dl_access dd {
  line-height: 2;
  font-size: 1em;
  margin-bottom: 2em; }

dl.dl_flow {
  padding: 0 20px; }
  dl.dl_flow dt {
    display: inline-block;
    padding: 7px 10px;
    margin-top: 1em;
    margin-bottom: 1.0em;
    color: #10b7ee;
    line-height: 1.3em;
    border: 3px solid #10b7ee;
    border-radius: 10px;
    text-align: center;
    font-weight: bold; }
    dl.dl_flow dt:first-child {
      margin-top: 0; }
    dl.dl_flow dt.morning {
      color: #ff934a;
      border: 3px solid #ff934a; }
    dl.dl_flow dt.night {
      color: #90c31f;
      border: 3px solid #90c31f; }
  dl.dl_flow dd {
    margin-bottom: 1em;
    line-height: 2; }
    @media only screen and (max-width: 650px) {
      dl.dl_flow dd {
        margin-top: 0;
        padding-left: 0; } }

.waku {
  border: 1px solid #d0d62f;
  border-radius: 10px;
  padding: 20px 20px 0;
  margin-bottom: 20px; }

.low #contents .flow01 {
  counter-reset: flow; }
  .low #contents .flow01 > section {
    margin-bottom: 40px !important; }
  .low #contents .flow01 h3 {
    display: inline-block !important;
    position: relative;
    padding: 1rem 2rem;
    text-align: center;
    color: #004a9f;
    border-left: none;
    border-bottom: none;
    border-radius: 0 10px 10px 10px;
    background: #d8ecf5; }
    @media only screen and (max-width: 650px) {
      .low #contents .flow01 h3 {
        text-align: left; } }
    .low #contents .flow01 h3:before {
      font-family: 'Font Awesome 5 Free';
      font-size: 15px;
      font-size: 1rem;
      position: absolute;
      top: -24px;
      left: 0;
      height: 24px;
      padding: 0 1em;
      counter-increment: flow;
      content: "STEP 0" counter(flow);
      color: #fff;
      border-radius: 10px 10px 0 0;
      background: #004a9f; }

.low #contents .flow02 h3 {
  display: block !important;
  position: relative;
  padding-left: 5em;
  border-left: none;
  border-bottom: none;
  background: none; }
  .low #contents .flow02 h3 span {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0.5rem !important;
    color: #fff;
    border-radius: 10px;
    background: #004a9f; }
    .low #contents .flow02 h3 span i {
      margin-right: 0.5rem; }
    .low #contents .flow02 h3 span:after {
      position: absolute;
      top: calc(50% - 7px);
      right: -11px;
      width: 0;
      height: 0;
      content: '';
      border-width: 7px 0 7px 12px;
      border-style: solid;
      border-color: transparent transparent transparent #004a9f; }

.low #contents .flow03 h3 {
  display: block !important;
  position: relative;
  padding-left: 5em;
  border-left: none;
  border-bottom: none;
  background: none; }
  .low #contents .flow03 h3 span {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0.5rem !important;
    color: #fff;
    border-radius: 10px;
    background: #10b7ee; }
    .low #contents .flow03 h3 span i {
      margin-right: 0.5rem; }
    .low #contents .flow03 h3 span:after {
      position: absolute;
      top: calc(50% - 7px);
      right: -11px;
      width: 0;
      height: 0;
      content: '';
      border-width: 7px 0 7px 12px;
      border-style: solid;
      border-color: transparent transparent transparent #10b7ee; }

.low #contents .flow04 {
  margin-bottom: 40px; }
  .low #contents .flow04 > section {
    border: 1px solid #10b7ee;
    padding-bottom: 20px; }
  .low #contents .flow04 h3 {
    position: relative;
    display: inline-block !important;
    margin: 1rem 0 1rem -10px;
    padding: 1rem 2rem;
    color: #fff;
    border-left: none;
    border-bottom: none;
    border-radius: 0 100vh 100vh 0;
    background: #10b7ee;
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); }
  .low #contents .flow04 h3:before {
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 0;
    height: 0;
    content: '';
    border-top: 10px solid #0a84a8;
    border-left: 10px solid transparent; }
  .low #contents .flow04 p {
    padding: 0 20px; }

.low #contents .flow05 {
  margin-bottom: 40px;
  padding: 10px;
  background: #d8ecf5;
  counter-reset: flow05; }
  .low #contents .flow05 > section {
    background: #fff;
    margin: 0 !important;
    margin-bottom: 10px !important;
    padding: 20px; }
    .low #contents .flow05 > section:last-child {
      margin-bottom: 0 !important; }
  .low #contents .flow05 h3 {
    position: relative;
    display: block !important;
    color: #004a9f;
    border-left: none;
    border-bottom: none;
    background: none; }
  .low #contents .flow05 h3:before {
    counter-increment: flow05;
    content: "0" counter(flow05);
    background: #004a9f;
    color: #fff;
    margin-right: 1em;
    padding: 5px; }
  .low #contents .flow05 p {
    padding: 0 20px; }
  .low #contents .flow05 dl {
    padding: 0 20px; }
  .low #contents .flow05 dt {
    display: inline-block;
    padding: 7px 10px;
    margin-top: 1em;
    margin-bottom: 1.0em;
    color: #10b7ee;
    line-height: 1.3em;
    border: 3px solid #10b7ee;
    border-radius: 10px;
    text-align: center;
    font-weight: bold; }
    .low #contents .flow05 dt:first-child {
      margin-top: 0; }
  .low #contents .flow05 dd {
    margin-bottom: 1em;
    line-height: 2; }
    @media only screen and (max-width: 650px) {
      .low #contents .flow05 dd {
        margin-top: 0;
        padding-left: 0; } }

.btn-this {
  display: inline-table;
  margin: 1em auto; }
  .btn-this a {
    display: block;
    padding: 0.3em 1.5em;
    color: #fff !important;
    font-size: 0.95em;
    text-decoration: none !important;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    background: linear-gradient(to right, #42acfa 47%, rgba(66, 172, 250, 0.5) 94%); }
    .btn-this a::after {
      content: "";
      position: absolute;
      top: 50%;
      right: 5%;
      width: 6px;
      height: 6px;
      margin-top: -3px;
      border-top: 1px solid #fff;
      border-right: 1px solid #fff;
      transform: rotate(45deg); }
    .btn-this a:hover {
      background: linear-gradient(to right, rgba(66, 172, 250, 0.8) 47%, rgba(66, 172, 250, 0.4) 94%); }

.btn-ask {
  display: inline-table;
  margin: 1em auto;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  background: #ffa220 url(../img/marker-nav-wh.png) no-repeat 95% center; }
  .btn-ask a {
    display: block;
    padding: 0.6em 2em 0.4em 1.8em;
    color: #fff !important;
    font-size: 1.2em;
    text-shadow: 1px 1px 1px #919191;
    text-decoration: none !important;
    -webkit-transition: background-color 0.25s ease-out;
    transition: background-color 0.25s ease-out; }
  .btn-ask:hover {
    background: url(../img/marker-nav-wh.png) no-repeat 95% center, rgba(255, 255, 255, 0.3); }

.tel-link {
  font-weight: bold;
  font-size: 1.2em;
  color: #63adf2; }

.button01 {
  margin-top: 20px; }
  .button01 a {
    padding-left: 14px;
    padding-right: 14px;
    display: block;
    width: 18em;
    text-align: center;
    border-radius: 25px;
    text-decoration: none;
    color: #fff !important;
    background-image: linear-gradient(45deg, #308c0d 0%, #54b907 100%);
    tarnsition: .4s; }
    .button01 a:hover {
      background-image: linear-gradient(45deg, #54b907 0%, #6fd82f 100%); }
    @media only screen and (max-width: 650px) {
      .button01 a {
        font-size: 1.125rem; } }
    .button01 a:after {
      content: "\f0da";
      font-family: "Font Awesome 5 Free";
      font-weight: bold;
      color: #fff !important;
      margin-left: 5px; }

.button02 {
  margin-top: 20px; }
  .button02 a {
    padding-left: 14px;
    padding-right: 14px;
    display: block;
    width: 12em;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 40px;
    border-radius: 25px;
    text-decoration: none;
    color: #fff !important;
    background-image: linear-gradient(45deg, #308c0d 0%, #54b907 100%);
    tarnsition: .4s; }
    .button02 a:hover {
      background-image: linear-gradient(45deg, #54b907 0%, #6fd82f 100%); }
    @media only screen and (max-width: 650px) {
      .button02 a {
        font-size: 1.125rem; } }
    .button02 a:after {
      content: "\f0da";
      font-family: "Font Awesome 5 Free";
      font-weight: bold;
      color: #fff !important;
      margin-left: 5px; }

.button03 {
  margin-top: 20px;
  padding-left: 14px;
  padding-right: 14px;
  display: block;
  width: 20em;
  text-align: center;
  border-radius: 25px;
  text-decoration: none;
  background: #10b7ee;
  tarnsition: .4s;
  font-size: 1.3em;
  color: #fff !important; }
  .button03:hover {
    background: #66d6f7; }
  .button03 a {
    display: block;
    width: 100%;
    color: #fff !important; }
  @media only screen and (max-width: 650px) {
    .button03 {
      font-size: 1.125rem; } }

.arrow img {
  max-width: 250px;
  margin: 20px auto; }

#contents #monshin_banner {
  background: #fcfade;
  border-radius: 10px;
  padding: 20px; }
  .low #contents #monshin_banner {
    max-width: 1400px;
    margin: 40px auto !important;
    padding: 15px 20px 10px; }
  .low #contents #monshin_banner h2 {
    margin: 0;
    padding: 0;
    background: none;
    border: none; }
  .low #contents #monshin_banner h2:before {
    content: "";
    margin: 0;
    padding: 0; }
  #contents #monshin_banner h2 img {
    max-width: 250px !important;
    margin: 0 auto 20px; }
  #contents #monshin_banner p {
    margin: 0 3em 2em 3em; }
    @media only screen and (max-width: 650px) {
      #contents #monshin_banner p {
        margin: 0 1em 2em; } }
  #contents #monshin_banner ul {
    margin-left: 3em; }
    @media only screen and (max-width: 650px) {
      #contents #monshin_banner ul {
        margin-left: 1em; } }
  #contents #monshin_banner li {
    display: inline-block;
    font-size: 1.1em;
    position: relative;
    margin-right: 3em;
    margin-left: 40px;
    margin-bottom: 1em; }
    @media only screen and (max-width: 650px) {
      #contents #monshin_banner li {
        margin-right: 1em; } }
    #contents #monshin_banner li:before {
      content: url("../img/pdf__icon.png");
      position: absolute;
      top: 50%;
      left: -40px;
      margin-top: -16px; }
    #contents #monshin_banner li a {
      color: #23ac38; }

footer {
  position: relative;
  padding-bottom: 20px !important;
  margin-bottom: 0;
  text-align: center; }
  @media only screen and (max-width: 650px) {
    footer {
      padding-bottom: 80px !important; } }
  footer a {
    color: #8ad690; }

#footer_logo img {
  max-width: 280px;
  margin: 0 auto; }

footer ul.footer_menu {
  max-width: 1000px;
  margin: 20px auto 30px; }
  @media only screen and (max-width: 650px) {
    footer ul.footer_menu {
      display: none; } }
  footer ul.footer_menu li {
    float: left;
    position: relative;
    width: 20%; }
    @media only screen and (min-width: 651px) and (max-width: 919px) {
      footer ul.footer_menu li {
        width: 20%;
        margin: 0; } }

#ftInfo {
  width: 90%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 20px 0;
  font-size: 0.875rem; }

#ftMenu {
  font-size: 0.875rem; }

#site_ftInfo {
  background: #edf0f2;
  margin-bottom: 0 !important; }
  #site_ftInfo ul {
    max-width: 1400px;
    margin: 0 auto;
    padding: 20px 0;
    font-size: 0.875rem;
    text-align: center; }
    #site_ftInfo ul li {
      display: inline-block;
      border-right: 1px solid #000;
      padding: 0 10px; }
      #site_ftInfo ul li:last-child {
        border-right: none; }
      #site_ftInfo ul li a {
        color: #000; }

#ddBtn {
  max-width: 230px;
  margin: 10px auto 0; }

@media only screen and (max-width: 650px) {
  #ftInfo,
  #ftMenu {
    width: 98%; } }
#blog_link {
  background: #89d563;
  border: 1px solid #fff;
  position: fixed;
  right: 0;
  top: 200px; }
  #blog_link span {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl; }
  #blog_link a {
    display: block;
    width: 100%;
    padding: 10px 8px 5px;
    color: #fff;
    font-size: 1.3vw; }
  @media only screen and (max-width: 650px) {
    #blog_link {
      display: none; } }
  @media only screen and (min-width: 651px) and (max-width: 919px) {
    #blog_link {
      width: 2em !important; }
      #blog_link a {
        padding: 15px 8px 10px;
        font-size: 1.7vw; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    #blog_link {
      width: 2em !important; }
      #blog_link a {
        padding: 15px 8px 10px;
        font-size: 1.7vw; } }

#footerAsk {
  position: fixed;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #fff;
  z-index: 30;
  background: #89d563;
  background: linear-gradient(90deg, #89d563 0%, #8cd9e8 100%); }
  #footerAsk li {
    float: left;
    text-align: center;
    border-right: 1px solid #fff; }
    #footerAsk li:nth-child(1) {
      width: 50%;
      padding: 5px 0; }
    #footerAsk li:nth-child(2) {
      width: 50%;
      padding: 5px 0;
      border-right: none; }
    #footerAsk li:nth-child(3) {
      width: 17%;
      padding: 5px 0;
      border-top: 1px solid #fff; }
    #footerAsk li:nth-child(4) {
      width: 33%;
      padding: 5px 0;
      border-top: 1px solid #fff; }
    #footerAsk li:nth-child(5) {
      width: 33%;
      padding: 5px 0;
      border-top: 1px solid #fff; }
    #footerAsk li:nth-child(6) {
      width: 17%;
      padding: 5px 0;
      border-right: none;
      border-top: 1px solid #fff; }
    #footerAsk li a {
      display: block;
      width: 100%;
      padding: 5px 0 8px;
      color: #fff;
      font-size: 3.6vw; }
    #footerAsk li span {
      display: block;
      font-size: 3.4vw; }
    #footerAsk li i {
      padding-top: 5px;
      color: #fff;
      font-size: 3.6vw; }
      #footerAsk li i:hover {
        cursor: pointer; }

@media only screen and (max-width: 650px) {
  .hideSp,
  .dispPc,
  .dispTab {
    display: none !important; }

  .sameHeightPc {
    display: block !important; }

  .w10,
  .w15,
  .w20,
  .w25,
  .w30 {
    width: 45%;
    height: auto; }

  .w35,
  .w40,
  .w45,
  .w50,
  .w55,
  .w60,
  .w65,
  .w70,
  .w75,
  .w80,
  .w85,
  .w90,
  .w100 {
    width: 100%;
    height: auto; }

  .telLink a {
    display: inline-block;
    padding: 6px;
    font-weight: bold;
    line-height: 1;
    color: #fff !important;
    background: #42acfa;
    border-radius: 4px; }

  .scroll {
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch; }
    .scroll table {
      width: 100%;
      margin-top: 0 !important; }
    .scroll::-webkit-scrollbar {
      height: 5px; }
    .scroll::-webkit-scrollbar-track {
      border-radius: 5px;
      background: #eee; }
    .scroll::-webkit-scrollbar-thumb {
      border-radius: 5px;
      background: #666; }

  .remarks {
    font-size: 0.75rem; }

  .youkou {
    display: block; }
    .youkou th {
      padding: 0.6em 0em 0.4em 1em; }
    .youkou td {
      padding: 1em 0em 1.5em 1em; } }
/* タブレット向けのレイアウトの指定  ------------*/
@media only screen and (min-width: 651px) and (max-width: 919px) {
  .dispSp,
  .dispPc,
  .dispPri {
    display: none !important; }

  .sameHeightPc {
    display: block !important; } }
/* PC向けのレイアウトの指定  ------------*/
@media only screen and (min-width: 920px) {
  .hidePc,
  .dispSp,
  .dispTab,
  .dispPri {
    display: none !important; }

  .sameHeightPc {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } }
/* トップページ　Scss Document */
.home {
  /*トップスライドショー*/ }
  .home #headerImage {
    position: relative;
    width: 100%;
    max-width: 1650px;
    margin: 0 auto;
    height: calc(100vw * 560 / 1500);
    background: url("../img/main_image_bg.jpg") no-repeat right top 30px; }
    @media only screen and (min-width: 1381px) and (max-width: 1520px) {
      .home #headerImage {
        height: calc(100vw * 560 / 1200); } }
    @media only screen and (min-width: 921px) and (max-width: 1380px) {
      .home #headerImage {
        height: calc(100vw * 700 / 1200);
        background-position: center bottom; } }
    @media only screen and (min-width: 651px) and (max-width: 919px) {
      .home #headerImage {
        height: calc(100vw * 1000 / 1250);
        background-position: center bottom; } }
    @media only screen and (max-width: 650px) {
      .home #headerImage {
        /*height: calc(100vw * 1100 / 1000);*/
        height: calc(100vw * 1100 / 1150); } }
  .home #main_image {
    position: absolute;
    left: 0; }
    .home #main_image img {
      max-width: 1080px; }
    @media only screen and (min-width: 651px) and (max-width: 919px) {
      .home #main_image {
        position: static; } }
    @media only screen and (max-width: 650px) {
      .home #main_image {
        position: static; } }
  .home #catch_copy {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    position: absolute;
    top: 50px;
    right: 10%; }
    @media only screen and (max-width: 650px) {
      .home #catch_copy {
        top: 10px; } }
  .home h1 {
    position: relative;
    width: 100%;
    font-size: 2.1vw;
    font-weight: bold;
    line-height: 2;
    letter-spacing: -3px;
    color: #000000;
    display: inline;
    background: #fff; }
    @media only screen and (min-width: 921px) and (max-width: 1380px) {
      .home h1 {
        font-size: 2.8vw; } }
    @media only screen and (min-width: 651px) and (max-width: 919px) {
      .home h1 {
        font-size: 2.8vw; } }
    @media only screen and (max-width: 650px) {
      .home h1 {
        font-size: 4.5vw; } }
  .home #top_time {
    position: absolute;
    right: 5%;
    background: rgba(255, 254, 253, 0.8);
    padding: 10px 20px 20px;
    border: 2px solid #93d787;
    border-radius: 10px; }
    @media only screen and (min-width: 1381px) {
      .home #top_time {
        bottom: -30px;
        background: rgba(242, 255, 237, 0.8); } }
    @media only screen and (min-width: 1381px) and (max-width: 1520px) {
      .home #top_time {
        bottom: 0;
        background: rgba(255, 254, 253, 0.8); } }
    @media only screen and (min-width: 921px) and (max-width: 1380px) {
      .home #top_time {
        bottom: 50px;
        left: 20px;
        width: 60%;
        background: rgba(255, 254, 253, 0.8); } }
    @media only screen and (min-width: 651px) and (max-width: 919px) {
      .home #top_time {
        position: static;
        padding-top: 10px;
        margin-top: 30px;
        margin-left: 10px;
        margin-right: 10px; } }
    @media only screen and (max-width: 650px) {
      .home #top_time {
        position: static;
        padding: 10px;
        margin-top: 20px;
        margin-left: 10px;
        margin-right: 10px; } }
    .home #top_time h2 {
      font-size: 1em;
      margin-bottom: 0.5em !important;
      text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }
    .home #top_time dl {
      margin-top: 0;
      margin-bottom: 1em;
      font-size: 0.9em; }
      @media only screen and (max-width: 650px) {
        .home #top_time dl {
          font-size: 3.6vw; } }
    .home #top_time dt {
      text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }
    .home #top_time dd {
      margin-top: -1.5em;
      padding-left: 4.5em;
      text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }
      @media only screen and (max-width: 650px) {
        .home #top_time dd {
          padding-left: 4em; } }
    .home #top_time p {
      font-size: 0.8em; }
      @media only screen and (max-width: 650px) {
        .home #top_time p {
          font-size: 3.2vw; } }
  .home #homeNews > div {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 2px solid #ade192;
    width: 96%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px; }
  .home #homeNews h2 {
    width: 25%;
    border-right: 2px solid #ade192;
    background: url("../img/news_h2.png") no-repeat top 25px center;
    padding-top: 100px;
    text-align: center;
    font-size: 1.2em; }
    .home #homeNews h2 span {
      display: block;
      font-size: 0.7em;
      color: #89d563; }
    @media only screen and (min-width: 921px) and (max-width: 1380px) {
      .home #homeNews h2 {
        width: 100%;
        border-right: none;
        background-position: top center;
        padding-top: 70px;
        margin-bottom: 20px; } }
    @media only screen and (max-width: 919px) {
      .home #homeNews h2 {
        width: 100%;
        border-right: none;
        background-position: top center;
        padding-top: 70px;
        margin-bottom: 20px; } }
  .home #homeNews dl {
    width: 75%;
    padding-left: 30px;
    height: 300px;
    overflow-y: scroll; }
    @media only screen and (min-width: 921px) and (max-width: 1380px) {
      .home #homeNews dl {
        width: 100%;
        padding-left: 0; } }
    @media only screen and (max-width: 919px) {
      .home #homeNews dl {
        width: 100%;
        padding-left: 0; } }
    @media only screen and (max-width: 650px) {
      .home #homeNews dl {
        height: 250px; } }
    .home #homeNews dl dt {
      font-weight: bold;
      color: #26ad3a;
      position: relative;
      padding-bottom: 0.5em; }
      @media only screen and (min-width: 921px) and (max-width: 1380px) {
        .home #homeNews dl dt {
          margin-left: 24px;
          padding-bottom: 0; } }
      @media only screen and (max-width: 919px) {
        .home #homeNews dl dt {
          margin-left: 0; } }
    .home #homeNews dl dd {
      padding-bottom: 1em;
      margin-right: 2em;
      margin-bottom: 1em;
      border-bottom: 2px dotted #ccc; }
      @media only screen and (min-width: 921px) and (max-width: 1380px) {
        .home #homeNews dl dd {
          padding-left: 9em;
          margin-top: -1.5em; } }
      @media only screen and (max-width: 919px) {
        .home #homeNews dl dd {
          margin-top: 0;
          margin-right: 0;
          padding-left: 0; } }
  .home #homeClinic {
    background: #f6fcfd;
    background: -moz-linear-gradient(left, #f6fcf3 0%, #f6fcfd 100%);
    background: -webkit-gradient(linear, left center, right center, from(#f6fcf3), to(#f6fcfd));
    background: -webkit-linear-gradient(left, #f6fcf3 0%, #f6fcfd 100%);
    background: -o-linear-gradient(left, #f6fcf3 0%, #f6fcfd 100%);
    background: linear-gradient(to right, #f6fcf3 0%, #f6fcfd 100%); }
    .home #homeClinic > div {
      width: 94%;
      max-width: 1000px;
      margin: 0 auto;
      padding: 0 3% 0 3%; }
    .home #homeClinic h2 {
      margin-bottom: 40px;
      background: url("../img/h2_01.png") no-repeat top 25px center;
      padding-top: 100px;
      text-align: center; }
      .home #homeClinic h2 span {
        display: block;
        font-size: 0.7em;
        color: #89d563; }
  .home #homeFeatures > div {
    width: 96%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 3% 0 3%; }
  .home #homeFeatures h2 {
    margin-bottom: 40px;
    background: url("../img/h2_02.png") no-repeat top 25px center;
    padding-top: 100px;
    text-align: center; }
    .home #homeFeatures h2 span {
      display: block;
      font-size: 0.7em;
      color: #89d563; }
  .home #homeFeatures h3 {
    color: #89d563;
    text-align: center;
    margin-bottom: 20px;
    background: #fff;
    margin-top: -20px;
    display: block;
    width: 8em; }
    .home #homeFeatures h3 span {
      font-size: 1.5em !important; }
  .home #homeFeatures ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .home #homeFeatures li {
    width: 45%;
    border: 2px solid #ade192;
    padding: 0 20px 20px;
    border-radius: 20px;
    margin: 20px 2.5% 40px;
    font-size: 1.1em; }
    @media only screen and (max-width: 650px) {
      .home #homeFeatures li {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        font-size: 1em; } }
    .home #homeFeatures li:after {
      clear: both; }
    .home #homeFeatures li figure {
      float: right;
      width: 48%;
      margin-left: 2%; }
      @media only screen and (min-width: 651px) and (max-width: 919px) {
        .home #homeFeatures li figure {
          float: none;
          width: 100%;
          margin-left: 0;
          margin-bottom: 20px; } }
      @media only screen and (max-width: 650px) {
        .home #homeFeatures li figure {
          width: 45%; } }
      .home #homeFeatures li figure img {
        max-width: 480px;
        border-radius: 10px; }
    .home #homeFeatures li p {
      margin-top: 1em; }
      .home #homeFeatures li p a {
        color: #89d563; }
    .home #homeFeatures li .stickarrow span {
      position: absolute;
      bottom: 15px;
      display: inline-block;
      width: 50px;
      height: 8px;
      border-bottom: 1px solid #89d563;
      border-right: 1px solid #89d563;
      transform: skew(45deg); }
  .home #homeBlog {
    background: url("../img/bg.jpg") no-repeat top center; }
    .home #homeBlog > div {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-box;
      display: -webkit-flexbox;
      display: -moz-flexbox;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      border: 2px solid #ade192;
      width: 96%;
      max-width: 1000px;
      margin: 0 auto;
      padding: 30px;
      background: #fff; }
    .home #homeBlog h2 {
      width: 25%;
      border-right: 2px solid #ade192;
      background: url("../img/blog_h2.png") no-repeat top 10px center;
      padding-top: 80px;
      text-align: center;
      font-size: 1.2em; }
      .home #homeBlog h2 span {
        display: block;
        font-size: 0.7em;
        color: #89d563; }
      @media only screen and (min-width: 921px) and (max-width: 1380px) {
        .home #homeBlog h2 {
          width: 100%;
          border-right: none;
          background-position: top center;
          padding-top: 70px;
          margin-bottom: 20px; } }
      @media only screen and (max-width: 919px) {
        .home #homeBlog h2 {
          width: 100%;
          border-right: none;
          background-position: top center;
          padding-top: 70px;
          margin-bottom: 20px; } }
    .home #homeBlog div#blog {
      width: 75%;
      padding-left: 30px; }
      @media only screen and (min-width: 921px) and (max-width: 1380px) {
        .home #homeBlog div#blog {
          width: 100%;
          padding-left: 0; } }
      @media only screen and (max-width: 919px) {
        .home #homeBlog div#blog {
          width: 100%;
          padding-left: 0; } }
      .home #homeBlog div#blog dl {
        margin-top: 40px;
        height: 120px;
        overflow-y: scroll; }
      .home #homeBlog div#blog dt {
        font-weight: bold;
        color: #26ad3a;
        position: relative;
        margin-left: 24px; }
        @media only screen and (max-width: 919px) {
          .home #homeBlog div#blog dt {
            margin-left: 0; } }
      .home #homeBlog div#blog dd {
        padding-left: 11em;
        padding-bottom: 0.5em;
        margin-top: -1.5em;
        margin-right: 2em;
        margin-bottom: 1em;
        border-bottom: 2px dotted #ccc; }
        @media only screen and (max-width: 919px) {
          .home #homeBlog div#blog dd {
            margin-top: 0;
            margin-right: 0;
            padding-left: 0; } }
      .home #homeBlog div#blog p {
        position: absolute;
        right: 2em;
        font-size: 0.8em; }
        @media only screen and (max-width: 919px) {
          .home #homeBlog div#blog p {
            right: 0; } }
  @media only screen and (max-width: 650px) {
    .home #homeNews_info {
      padding: 15px 0 0 !important; } }
  .home #homeNews_info > div {
    border: 2px solid #ade192;
    width: 96%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px; }
    @media only screen and (max-width: 650px) {
      .home #homeNews_info > div {
        border: none;
        padding: 0 5px; } }
  .home #homeNews_info h2 {
    margin-bottom: 10px;
    /*background: url("../img/news_h2.png") no-repeat top 25px center;*/
    /*padding-top: 100px;*/
    text-align: center; }
    @media only screen and (max-width: 650px) {
      .home #homeNews_info h2 {
        margin-bottom: 0; } }
    .home #homeNews_info h2 span {
      display: block;
      font-size: 0.7em;
      color: #89d563; }
  .home #homeNews_info dl dt {
    color: #89d563; }
  .home #homeNews_info dl dd {
    margin-bottom: 1em; }
  .home #contents > #homeClinic_info {
    background: #d5e9ec;
    background: -moz-linear-gradient(left, #dff4d5 0%, #d5e9ec 100%);
    background: -webkit-gradient(linear, left center, right center, from(#dff4d5), to(#d5e9ec));
    background: -webkit-linear-gradient(left, #dff4d5 0%, #d5e9ec 100%);
    background: -o-linear-gradient(left, #dff4d5 0%, #d5e9ec 100%);
    background: linear-gradient(to right, #dff4d5 0%, #d5e9ec 100%);
    margin-top: 0;
    padding: 0 !important; }
    .home #contents > #homeClinic_info > div {
      max-width: 1600px;
      margin: 0 auto;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-box;
      display: -webkit-flexbox;
      display: -moz-flexbox;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    .home #contents > #homeClinic_info h2 {
      margin-bottom: 40px; }
      .home #contents > #homeClinic_info h2 span {
        margin-left: 1em;
        font-size: 0.7em;
        color: #89d563; }
    .home #contents > #homeClinic_info #info {
      width: 50%;
      padding: 50px; }
      @media only screen and (max-width: 919px) {
        .home #contents > #homeClinic_info #info {
          float: none;
          width: 100%; } }
      @media only screen and (max-width: 650px) {
        .home #contents > #homeClinic_info #info {
          padding: 50px 20px; } }
      .home #contents > #homeClinic_info #info h3 {
        color: #3d9738; }
      .home #contents > #homeClinic_info #info i {
        color: #3d9738;
        margin-right: 0.5em; }
      .home #contents > #homeClinic_info #info table {
        width: 80%;
        margin-bottom: 20px; }
        @media only screen and (max-width: 650px) {
          .home #contents > #homeClinic_info #info table {
            width: 100% !important; } }
        .home #contents > #homeClinic_info #info table thead th {
          font-weight: bold;
          border: none;
          border-bottom: 4px solid #c3c3c3;
          padding: 5px 0;
          font-size: 1.1em;
          color: #3d9738; }
          .home #contents > #homeClinic_info #info table thead th.r {
            font-size: 0.9em; }
          @media only screen and (min-width: 921px) and (max-width: 1380px) {
            .home #contents > #homeClinic_info #info table thead th:last-child {
              display: none; } }
          @media only screen and (max-width: 650px) {
            .home #contents > #homeClinic_info #info table thead th:last-child {
              display: none;
              padding: 5px; } }
        .home #contents > #homeClinic_info #info table tbody th {
          text-align: center;
          font-weight: bold;
          border: none;
          border-bottom: 2px solid #c3c3c3;
          padding: 5px 0;
          font-size: 1.1em;
          color: #3d9738; }
          .home #contents > #homeClinic_info #info table tbody th span {
            display: inline-block; }
          @media only screen and (min-width: 921px) and (max-width: 1380px) {
            .home #contents > #homeClinic_info #info table tbody th {
              font-size: 0.9em; }
              .home #contents > #homeClinic_info #info table tbody th:last-child {
                display: none; } }
          @media only screen and (max-width: 650px) {
            .home #contents > #homeClinic_info #info table tbody th {
              font-size: 0.9em; }
              .home #contents > #homeClinic_info #info table tbody th:last-child {
                display: none; } }
        .home #contents > #homeClinic_info #info table tbody td {
          text-align: center;
          border: none;
          border-bottom: 2px solid #c3c3c3;
          color: #3d9738;
          padding: 1px; }
          .home #contents > #homeClinic_info #info table tbody td img {
            max-width: 40px;
            margin: 0 auto; }
          @media only screen and (min-width: 921px) and (max-width: 1380px) {
            .home #contents > #homeClinic_info #info table tbody td:last-child {
              display: none; } }
          @media only screen and (max-width: 650px) {
            .home #contents > #homeClinic_info #info table tbody td:last-child {
              display: none; } }
      .home #contents > #homeClinic_info #info p.monshin_banner {
        margin-top: 40px;
        margin-bottom: 10px !important; }
      .home #contents > #homeClinic_info #info p.monshin_banner a {
        padding: 0.5em 1em;
        text-align: center;
        color: #fff;
        font-size: 1.1em;
        font-weight: bold;
        border: solid 2px  #fff;
        border-radius: 3px;
        background: #89d563;
        transition: .4s; }
        .home #contents > #homeClinic_info #info p.monshin_banner a i {
          color: #fff; }
        .home #contents > #homeClinic_info #info p.monshin_banner a:hover {
          background: #fff;
          color: #278226;
          box-shadow: none;
          border: solid 2px #278226; }
          .home #contents > #homeClinic_info #info p.monshin_banner a:hover i {
            color: #278226; }
      .home #contents > #homeClinic_info #info .kamoku li {
        display: inline-block; }
    .home #contents > #homeClinic_info #clinic_map {
      width: 50%;
      padding: 50px; }
      @media only screen and (max-width: 919px) {
        .home #contents > #homeClinic_info #clinic_map {
          float: none;
          width: 100%;
          margin-bottom: 40px; } }
      @media only screen and (max-width: 650px) {
        .home #contents > #homeClinic_info #clinic_map {
          padding: 50px 20px; } }
      .home #contents > #homeClinic_info #clinic_map h2 img {
        max-width: 260px;
        margin-bottom: 40px; }
      .home #contents > #homeClinic_info #clinic_map .embed-container {
        position: relative;
        padding-bottom: 80%;
        height: 0;
        overflow: hidden;
        max-width: 100%; }
      .home #contents > #homeClinic_info #clinic_map .embed-container iframe, .home #contents > #homeClinic_info #clinic_map .embed-container object, .home #contents > #homeClinic_info #clinic_map .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
  .home .link_banner img {
    max-width: 350px;
    margin: 0 auto; }
  .home #web_info textarea {
    position: fixed;
    left: -100vw; }

/* Scss Document */
.greeting .doctor_photo {
  float: left;
  width: 30%; }
  .greeting .doctor_photo img {
    max-width: 375px;
    margin: 0 20px 20px 0;
    border-radius: 10px; }
@media only screen and (min-width: 920px) {
  .greeting .greeting_text {
    float: right;
    width: 70%; } }
.greeting .doctor_name {
  text-align: right; }
  .greeting .doctor_name span {
    font-size: 1.2em; }
.greeting #contents dl.prof dd {
  margin-bottom: 1em;
  margin-top: -1.5em;
  padding-left: 5.5em;
  padding-bottom: 0.5em;
  border-bottom: 1px dotted #ccc; }
.greeting #contents section ul.prof {
  border: 1px dotted #ccc; }
  .greeting #contents section ul.prof li {
    padding: 0.5em;
    background: #edf7f9; }
    .greeting #contents section ul.prof li:nth-child(even) {
      background: #fff; }

/* Scss Document */
.treat #contents table {
  width: 100%;
  max-width: 600px;
  margin-bottom: 20px; }
  @media only screen and (max-width: 650px) {
    .treat #contents table {
      width: 100% !important; } }
  .treat #contents table thead th {
    font-weight: bold;
    border: none;
    border-bottom: 4px solid #c3c3c3;
    padding: 5px 0;
    font-size: 1.1em;
    color: #3d9738; }
    .treat #contents table thead th.r {
      font-size: 0.9em; }
    @media only screen and (min-width: 921px) and (max-width: 1380px) {
      .treat #contents table thead th:last-child {
        display: none; } }
    @media only screen and (max-width: 650px) {
      .treat #contents table thead th:last-child {
        display: none;
        padding: 5px; } }
  .treat #contents table tbody th {
    text-align: center;
    font-weight: bold;
    border: none;
    border-bottom: 2px solid #c3c3c3;
    padding: 5px 0;
    font-size: 1.1em;
    color: #3d9738; }
    .treat #contents table tbody th span {
      display: inline-block; }
    @media only screen and (min-width: 921px) and (max-width: 1380px) {
      .treat #contents table tbody th {
        font-size: 0.9em; }
        .treat #contents table tbody th:last-child {
          display: none; } }
    @media only screen and (max-width: 650px) {
      .treat #contents table tbody th {
        font-size: 0.9em; }
        .treat #contents table tbody th:last-child {
          display: none; } }
  .treat #contents table tbody td {
    text-align: center;
    border: none;
    border-bottom: 2px solid #c3c3c3;
    color: #3d9738;
    padding: 1px; }
    .treat #contents table tbody td img {
      max-width: 40px;
      margin: 0 auto; }
    @media only screen and (min-width: 921px) and (max-width: 1380px) {
      .treat #contents table tbody td:last-child {
        display: none; } }
    @media only screen and (max-width: 650px) {
      .treat #contents table tbody td:last-child {
        display: none; } }

/* Scss Document */
.clinic #contents #low01 ul, .clinic #contents #low02 ul {
  display: flex;
  flex-wrap: wrap; }
.clinic #contents #low01 li, .clinic #contents #low02 li {
  width: 30%;
  margin-right: 2%;
  margin-bottom: 30px; }
  @media only screen and (max-width: 650px) {
    .clinic #contents #low01 li, .clinic #contents #low02 li {
      width: 98%;
      margin-right: 1% !important;
      margin-left: 1%; } }
  .clinic #contents #low01 li img, .clinic #contents #low02 li img {
    max-width: 375px;
    border-radius: 10px; }
    @media only screen and (max-width: 650px) {
      .clinic #contents #low01 li img, .clinic #contents #low02 li img {
        margin: 0 auto; } }
.clinic #contents #low03 ul {
  display: flex;
  flex-wrap: wrap; }
.clinic #contents #low03 li {
  width: 24%;
  margin-right: 1%;
  margin-bottom: 30px; }
  .clinic #contents #low03 li:nth-child(3) {
    margin-right: 0; }
  .clinic #contents #low03 li span {
    font-size: 0.9em; }
  @media only screen and (min-width: 651px) and (max-width: 919px) {
    .clinic #contents #low03 li {
      width: 48%;
      margin-right: 1% !important;
      margin-left: 1%; } }
  @media only screen and (max-width: 650px) {
    .clinic #contents #low03 li {
      width: 98%;
      margin-right: 1% !important;
      margin-left: 1%; } }
  .clinic #contents #low03 li img {
    max-width: 300px;
    border-radius: 10px;
    margin-bottom: 1em; }
    @media only screen and (max-width: 650px) {
      .clinic #contents #low03 li img {
        margin: 0 auto; } }

/* Scss Document */
.access #contents h3 {
  border-left: none;
  padding-left: 0; }
  .access #contents h3 i {
    color: #1a8c44;
    font-size: 1.5em; }
.access .address {
  float: left;
  width: 40%;
  margin-right: 2%; }
  @media only screen and (max-width: 919px) {
    .access .address {
      float: none;
      width: 100%;
      margin-right: 0; } }
.access .map {
  float: left;
  width: 57%; }
  @media only screen and (max-width: 919px) {
    .access .map {
      float: none;
      width: 100%; } }
  .access .map img {
    border-radius: 10px; }
.access #train dt {
  display: inline-block;
  font-weight: bold;
  font-size: 1.1em;
  border-bottom: 3px dotted #8cd9e8;
  margin-top: 1em;
  margin-bottom: 0.5em; }
  .access #train dt:first-child {
    margin-top: 0; }
.access #train dd {
  margin-bottom: 0.5em; }
  .access #train dd span {
    font-weight: bold !important;
    margin-right: 1em;
    border: 1px solid #000; }
    @media only screen and (max-width: 650px) {
      .access #train dd span {
        display: block;
        width: 5.5em;
        text-align: center; } }
.access #contents > section > div .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%; }
.access #contents > section > div .embed-container iframe, .access #contents > section > div .embed-container object, .access #contents > section > div .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
.access .button02 {
  margin-top: 20px; }
.access .junro {
  counter-reset: junro_nmbr; }
  .access .junro li {
    margin-bottom: 30px; }
    .access .junro li p:before {
      counter-increment: junro_nmbr;
      content: counter(junro_nmbr);
      font-size: 2em;
      margin-left: -1em;
      margin-right: 5px;
      font-weight: bold;
      color: #42acfa; }
    .access .junro li img {
      max-width: 250px;
      float: left;
      width: 30%; }
      @media only screen and (min-width: 651px) and (max-width: 919px) {
        .access .junro li img {
          width: 40%; } }
      @media only screen and (max-width: 650px) {
        .access .junro li img {
          width: 100%;
          text-align: center; } }
    .access .junro li p {
      float: left;
      width: 40%;
      margin-right: 2%;
      margin-left: 2.5em; }
      @media only screen and (min-width: 651px) and (max-width: 919px) {
        .access .junro li p {
          width: 58%; } }
      @media only screen and (max-width: 650px) {
        .access .junro li p {
          width: 98%;
          margin-top: 1em;
          margin-right: 1em;
          margin-left: 1.5em; } }
    .access .junro li:after {
      content: "";
      display: block;
      height: 0;
      visibility: hidden;
      clear: both; }

/* print Scss */
/*############################################################################################33*/
/* 印刷向けレイアウトの指定 */
/*############################################################################################*/
@media only print {
  html, body, div, span, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  abbr, address, cite, code,
  del, dfn, em, img, ins, kbd, q, samp,
  small, strong, sub, sup, var,
  b, i,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td,
  article, aside, canvas, details, figcaption, figure,
  footer, header, hgroup, menu, nav, section, summary,
  time, mark, audio, video {
    font-size: 97%; }

  .fixed {
    position: relative;
    top: auto;
    z-index: auto; }

  .sameHeightPc {
    display: block; }

  .dispSp,
  .slider,
  #ptBtn {
    display: none !important;
    float: none !important; }

  #bread {
    font-size: 10px;
    margin: 15px 0; }

  p.button03 a, p.button01 a {
    width: 25em; }

  #header #telPc {
    width: 28%;
    margin-right: 2%; }

  header {
    float: none;
    width: 96%;
    margin-right: 0; }

  .home #headerImage {
    height: calc(100vw * 700 / 1200);
    background-position: center bottom; }
  .home h1 {
    font-size: 2.8vw; }
  .home #top_time {
    bottom: 50px;
    left: 20px;
    width: 60%;
    background: rgba(255, 254, 253, 0.8); }
  .home #contents > #homeClinic_info #info {
    width: 100%; }
  .home #contents > #homeClinic_info #clinic_map {
    float: none;
    width: 100%; }
    .home #contents > #homeClinic_info #clinic_map .embed-container {
      position: relative;
      padding-bottom: 56.25%;
      height: 0;
      overflow: hidden;
      max-width: 100%; }
    .home #contents > #homeClinic_info #clinic_map .embed-container iframe, .home #contents > #homeClinic_info #clinic_map .embed-container object, .home #contents > #homeClinic_info #clinic_map .embed-container embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

  .access #contents > section > div .embed-container {
    padding-bottom: 0%;
    height: 500px; }
  .access #contents > section > div .embed-container iframe, .access #contents > section > div .embed-container object, .access #contents > section > div .embed-container embed {
    position: static; } }
/* Scss Document */