/* CSS Document */
@media screen and (max-width:640px) {
  body {
    font-size: 14px;
  }
  body, #mainvisual .inner, header, footer {
    min-width: 100%;
  }
  /*============================================================================

	header

============================================================================*/
  header {
    display: none;
    height: 160px;
    margin-top: 62px;
    margin-bottom: 0;
  }
  header .inner {
    width: auto;
  }
  header .inner::before {
    left: 0;
    width: 100vw;
    height: 160px;
    background-position: center left;
    background-size: cover;
  }
  header h1 {
    display: none;
  }
  /*============================================================================

	navi

============================================================================*/
  nav {
    display: none;
  }
  .sp_navi {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 62px;
    font-size: 18px;
    font-weight: bold;
    z-index: 9998;
  }
  .sp_navi h1 {
    position: absolute;
    display: table !important;
    text-align: left;
    padding-left: 6%;
    height: 100%;
  }
  .sp_navi h1 span, .sp_navi h1 img {
    display: block;
    width: 175px;
    height: 45px;
  }
  .sp_navi h1 a {
    display: table-cell;
    vertical-align: middle;
  }
  .sp_navi h1 img {
    z-index: 9999;
    position: relative;
  }
  .sp_navi dl {
    background-color: rgba(255, 255, 255, 0.9);
  }
  .sp_navi dl dt {
    height: 62px;
    font-weight: bold;
    cursor: pointer;
    padding: 0 4%;
    font-size: 18px;
    display: block;
    color: #fff;
    line-height: 2;
  }
  .sp_navi dl dt i {
    margin-right: 2%;
  }
  .sp_navi dl dd {
    display: none;
  }
  .sp_navi ul {
    padding: 4% 2% 4% 8%;
  }
  .sp_navi ul li {
    display: table;
    width: 50%;
    float: left;
    padding-left: 0;
    line-height: 1.4;
    font-size: 15px;
    font-weight: normal;
  }
  .sp_navi ul li i {
    position: absolute;
    top: 1.2em;
    left: 0;
    color: #01359a;
    font-size: 13px;
    vertical-align: middle;
  }
  .sp_navi ul li i, .sp_navi ul li span {}
  .sp_navi ul li i.fa-facebook-square, .sp_navi ul li i.fa-home {
    font-size: 16px;
  }
  .sp_navi ul li:hover {}
  .sp_navi ul li a {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    width: 100%;
    height: 46px;
    padding-left: 14px;
    color: #333;
    text-decoration: none;
    font-size: 15px;
    text-align: left;
  }
  /*ボタンの動き*/
  .sp_navi dt a {
    display: block;
    width: 42px;
    height: 42px;
    position: absolute;
    top: 9px;
    right: 10px;
    z-index: 9999999;
  }
  .sp_navi dt a span:not(:last-child) {
    display: block;
    background: #666;
    width: 24px;
    height: 2px;
    position: absolute;
    left: 9px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
  }
  .sp_navi dt a span:first-child {
    top: 12px;
  }
  .sp_navi dt a span:nth-child(2) {
    margin-top: -1px;
    top: 50%;
  }
  .sp_navi dt a span:nth-child(3) {
    bottom: 12px;
  }
  .sp_navi dt a.active span:first-child {
    -webkit-transform: translateY(8px) rotate(45deg);
    -moz-transform: translateY(8px) rotate(45deg);
    -ms-transform: translateY(8px) rotate(45deg);
    transform: translateY(8px) rotate(45deg);
  }
  .sp_navi dt a.active span:nth-child(2) {
    opacity: 0;
  }
  .sp_navi dt a.active span:nth-child(3) {
    -webkit-transform: translateY(-8px) rotate(-45deg);
    -moz-transform: translateY(-8px) rotate(-45deg);
    -ms-transform: translateY(-8px) rotate(-45deg);
    transform: translateY(-8px) rotate(-45deg);
  }
  .sp_navi dt a span:last-child {
    position: relative;
    bottom: -17px;
    left: 7px;
    color: #01359a;
    font-size: 8px;
  }
  /*============================================================================

	main

============================================================================*/
  #mainvisual {
    position: relativel;
    background-attachment: scroll;
    height: 200px;
    background: url(../images/clinic_slide01.png) no-repeat;
    background-size: cover;
    background-position: left 20% top;
    margin-top: 62px;
  }
  #mainvisual .inner {
    width: auto;
    height: inherit;
  }
  .mainvisual_headline h2 {
    color: #fff;
    text-shadow: 2px 2px 5px rgba(255, 255, 255, 0.7), -2px -2px 5px rgba(255, 255, 255, .8);
  }
  .mainvisual_headline p {
    color: #01359a;
    letter-spacing: 0.08em;
    text-shadow: 2px 2px 5px rgba(255, 255, 255, 0.7), -2px -2px 5px rgba(255, 255, 255, .8);
  }
  .main_catch li img {
    width: 50%;
  }
  .main_catch {
    position: absolute;
    left: 6%;
    bottom: 5%;
  }
  .main_catch li {
    float: left;
    width: 20%;
    margin-right: 3%
  }
  .main_catch li img {
    width: 100%;
  }
  .main_catch li:last-child {
    margin-right: 0;
  }
  .main_open {
    position: absolute;
    top: 8%;
    right: 10px;
    width: 120px;
  }
  /* 下層ページヘッドライン */
  #mainvisual h2 {
    font-size: 22px;
  }
  /*============================================================================

	#contents

============================================================================*/
  .box1 {
    width: auto;
    margin: 0 6% 80px;
  }
  .box2 {
    width: auto;
    margin: 0 6% 80px;
  }
  #contents {
    width: auto;
  }
  #contents_left {
    width: auto;
    float: none;
    margin-right: 0;
    padding-top: 40px;
    padding-bottom: 60px;
  }
  #contents_right {
    width: auto;
    padding: 10% 6%;
    float: none;
  }
  /* -------- reservation --------- */
  .reservation dl dt img {
    display: block;
    margin: 0 auto;
  }
  .reservation dd.btn02 a {
    width: 100%;
  }
  /* ------- right-side map -------- */
  .side_map dd.map {
    width: 100%;
    text-align: center;
  }
  .side_map dd.btn02 a {
    width: 100%;
  }
  /* --------- 診療案内 --------- */
  .side_menu {
    display: none;
  }
  /*============================================================================

	#fotter

============================================================================*/
  .footer_map {
    display: none;
    height: 230px;
  }
  .footer_info .inner {
    width: 88%;
    padding: 30px 6%;
    box-sizing: border-box;
  }
  .footer_info_overview h4 img {
    display: block;
    float: none;
    left: inherit;
    width: 220px;
    margin: auto;
  }
  .footer_info_overview ul {
    float: none;
    text-align: center;
  }
  /* --------- pagetop --------- */
  .pagetop {
    bottom: 15px;
  }
  .copy {
    padding: 15px 0;
  }
  .copy small {
    font-size: 12px;
  }
  /*============================================================================

	$top

============================================================================*/
  /* ------------------------------------------------------------

    .top_medical

--------------------------------------------------------------- */
  .top_medical01 {
    margin-bottom: 90px;
  }
  .top_medical01_list a {
    width: 50%;
    height: auto;
    border: 1px solid #fff;
    margin-right: 0;
    box-sizing: border-box;
  }
  .top_medical01_list a al {
    position: relative;
  }
  .top_medical01_list dd {
    height: 100%;
  }
  /* ------------------------------------------------------------

    .top_questions

--------------------------------------------------------------- */
  .top_questions_list a {
    width: 50%;
    border: 1px solid #fff;
    margin-right: 0;
    margin-bottom: 0;
    box-sizing: border-box;
  }
  .top_questions_list dl {
    height: 100%;
  }
  .top_questions_list dd {
    height: 100%;
  }
  /* ------------------------------------------------------------

    .top_doctor

--------------------------------------------------------------- */
  .top_doctor .text {
    float: none;
    width: 100%;
    padding: 8%;
  }
  .top_doctor_img {
    position: inherit;
    top: 0;
    right: inherit;
    width: 80%;
    margin: auto;
  }
  .top_doctor .btn02 {
    float: none;
    top: -30px;
  }
  /* ------------------------------------------------------------

    .top_news

--------------------------------------------------------------- */
  .top_news_flame {
    padding: 6%;
  }
  .top_news .date {
    display: block;
  }
  .news_text p strong {
    margin-left: 0;
  }
  /* ---------- お知らせ横スクロールバー ----------- */
  #mCSB_1_container {
    width: 270px !important;
  }
  .mCSB_container_wrapper > .mCSB_container {
    padding-right: 25px !important;
  }
  .scroll_area {
    height: 180px;
  }
  /*============================================================================

	$breadcrumb ぱんくず

============================================================================*/
  .breadcrumb {
    width: 92%;
    margin: -10px 4% 40px;
  }
  .breadcrumb li {
    display: inline-block;
  }
  /*============================================================================

	$共通

============================================================================*/
  #contents {
    /*padding-bottom:70px;*/
  }
  .box {
    width: auto;
    padding: 0 6% 8%;
  }
  .text {
    float: none;
    width: auto;
    padding: 0;
    border: none;
  }
  h3.tit01, h3.tit02, h3.tit03, h3.tit04, h3.tit05 {
    width: 100%;
    box-sizing: border-box;
    font-size: 21px;
    margin-bottom: 25px;
    text-align: center;
  }
  .medical06 h3.tit02 {
    font-size: 19px;
  }
  /* ------- h3.tit01 背景 --------- */
  h3.tit01::before {
    left: -8px;
    width: 95%;
    background-size: contain;
  }
  /* ------- h3.tit02 背景 --------- */
  h3.tit02 {
    padding-left: 35px;
    text-align: left;
  }
  h3.tit02::before {
    left: -13px;
  }
  h3.tit02 span {
    display: block;
  }
  h3.tit02 span::before {
    margin-left: 10px;
  }
  /* ------- h3.tit03 背景 --------- */
  h3.tit03 {
    margin-bottom: 15px;
    text-align: left;
  }
  h4.tit01, h4.tit02, h4.tit04 {
    font-size: 19px;
  }
  h5.tit01 {
    font-size: 18px;
  }
  h3.tit04 span span::before {
    display: none;
  }
  .nowrap {
    white-space: normal;
  }
  /* リスト */
  .list08 {
    padding: 6%;
  }
  /* テーブル */
  .tb01 {
    white-space: inherit;
  }
  .tb01 td, .tb01 th {
    /*padding:2% 3%;*/
  }
  .tb01 th {
    width: 105px;
    /*font-size:12.5px;*/
    font-size: 14px;
  }
  .tb01 td {
    font-size: 11px;
  }
  .tb02 th {
    padding: 8px 20px 8px 0;
  }
  .tb03, .tb03 th {
    white-space: inherit;
  }
  .tb03 th {
    width: 30%;
    padding: 3%;
    font-size: 14px;
    white-space: nowrap;
    text-align: center;
    box-sizing: border-box;
  }
  .tb03 td {
    width: 70%;
    padding: 4%;
  }
  .tb04, .tb04 th {
    white-space: normal;
  }
  .tb04 th {
    font-size: 13px;
  }
  .tb04 td, .tb04 th {
    padding: 2%;
  }
  /* ボタン */
  .btn01 a {
    display: block;
  }
  .btn02 a {
    padding: 4% 30% 4% 6%;
    font-size: 14px;
  }
  /* アンカーリンク */
  .ank01 {
    width: 88%;
    padding: 0 6%;
  }
  .ank01 li {
    width: 49%;
    margin-bottom: 3%;
    margin-left: 0;
  }
  .ank01 li:nth-child(even) {
    margin-left: 2%;
  }
  .ank02 li {
    float: none;
    width: 100%;
    height: auto !important;
    margin-bottom: 3%;
    margin-left: 0;
  }
  .ank01 li span {
    font-size: 12.5px;
  }
  /* 画像右寄せ */
  .img_fr {
    float: none;
    margin-left: 0;
    text-align: center;
  }
  .img_fr img {
    margin-bottom: 15px;
  }
  /* 画像左寄せ */
  .img_fl {
    float: none;
    margin-right: 0;
    text-align: center;
  }
  .img_fl img {
    margin-bottom: 15px;
  }
  /*============================================================================

	$doctor

============================================================================*/
  .doctor_greet .top_doctor_img {
    margin-bottom: 30px;
  }
  .doctor_greet .doctor_name {
    margin-top: 12px;
  }
  .doctor_greet .text {
    padding: 8%;
  }
  /* ごあいさつ */
  .doctor_greet {}
  .doctor_greet .text {
    float: none;
    width: auto;
  }
  /* 経歴、資格 */
  .doctor_carr_sec1 {
    float: none;
    width: auto;
    margin-right: 0;
    margin-bottom: 30px;
    padding: 8%;
  }
  /*============================================================================

	$clinic

============================================================================*/
  /* --------- 医院概要 ---------- */
  .clinic_sec1 dt {
    width: 30%;
  }
  .clinic_sec1 dd {
    width: 70%;
  }
  .clinic_sec1 li:last-child dt, .clinic_sec1 li:last-child dd {
    width: 100%;
  }
  .clinic_sec1 li:last-child dt {
    margin-bottom: 5px;
  }
  /* --------- 診療時間 ----------- */
  .clinic_sec1 .schedule .tb01 {
    width: 100%;
  }
  .clinic_sec1 .schedule .tb01 td {
    font-size: 12px;
  }
  /* 院内スライド */
  .clinic_slides1 {
    margin-bottom: 20px;
  }
  .clinic_slides1 .flexslider {
    float: none;
    width: 100%;
  }
  .clinic_slides1 .flexslider li div {
    display: block;
    margin-top: 5%;
    margin-left: 0;
    text-align: center;
  }
  .clinic_slides1 .flexslider p {
    display: block;
  }
  .clinic_slides1 .flex-control-nav.flex-control-thumbs {
    position: absolute;
    right: auto;
    width: auto;
    top: auto;
    bottom: 7%;
    z-index: 2;
  }
  .clinic_slides1 .flex-control-thumbs li {
    position: relative;
    width: 14.3%;
    margin: 0 0 4% 2%;
  }
  .clinic_slides1 .flex-control-thumbs img {
    border: 3px solid #e0e0e0;
  }
  .clinic_slides2 {
    margin-bottom: 90px;
  }
  .clinic_slides2 .flexslider {
    float: none;
    width: 100%;
  }
  .clinic_slides2 .flexslider li div {
    display: block;
    width: 100%;
    margin-top: 6%;
    margin-left: 0;
    text-align: center;
  }
  .clinic_slides2 .flexslider p {
    display: block;
  }
  .clinic_slides2 .flex-control-nav.flex-control-thumbs {
    position: absolute;
    right: auto;
    width: auto;
    top: auto;
    bottom: -17%;
    z-index: 2;
  }
  .clinic_slides2 .flex-control-thumbs li {
    position: relative;
    width: 14.3%;
    margin: 0 0 4% 2%;
  }
  .clinic_slides2 .flex-control-thumbs img {
    border: 3px solid #e0e0e0;
  }
  .clinic_slides3 {
    margin-bottom: 120px;
  }
  .clinic_slides3 .flexslider {
    float: none;
    width: 100%;
  }
  .clinic_slides3 .flexslider li div {
    display: block;
    width: 100%;
    margin-top: 7%;
    margin-right: 0;
    margin-left: 0;
  }
  .clinic_slides3 .flexslider h4 {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0;
  }
  .clinic_slides3 .flexslider p {
    display: block;
    text-align: center;
    padding: 0;
  }
  .clinic_slides3 .flex-control-nav.flex-control-thumbs {
    position: absolute;
    right: auto;
    width: auto;
    top: auto;
    bottom: -17%;
    z-index: 2;
  }
  .clinic_slides3 .flex-control-thumbs li {
    position: relative;
    width: 14.3%;
    margin: 0 0 4% 2%;
  }
  .clinic_slides3 .flex-control-thumbs img {
    border: 3px solid #e0e0e0;
  }
  .clinic_slides4 {
    margin-bottom: 120px;
  }
  .clinic_slides4 .flexslider {
    float: none;
    width: 100%;
  }
  .clinic_slides4 .flexslider li div {
    display: block;
    position: absolute;
    bottom: auto;
    width: 100%;
    margin-top: 8%;
    margin-right: 0;
    margin-left: 0;
  }
  .clinic_slides4 .flexslider h4 {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0;
  }
  .clinic_slides4 .flexslider p {
    display: block;
    text-align: center;
    padding: 0;
  }
  .clinic_slides4 .flex-control-nav.flex-control-thumbs {
    position: absolute;
    right: auto;
    width: auto;
    top: auto;
    bottom: -15%;
    z-index: 2;
  }
  .clinic_slides4 .flex-control-thumbs li {
    position: relative;
    width: 14.3%;
    margin: 0 0 4% 2%;
  }
  .clinic_slides4 .flex-control-thumbs img {
    border: 3px solid #e0e0e0;
  }
  .clinic_slides5 {
    margin-bottom: 120px;
  }
  .clinic_slides5 .flexslider {
    float: none;
    width: 100%;
  }
  .clinic_slides5 .flexslider li div {
    display: block;
    bottom: -19%;
    width: 100%;
    margin-top: 0px;
    margin-right: 0;
    margin-left: 0;
  }
  .clinic_slides5 .flexslider h4 {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0;
  }
  .clinic_slides5 .flexslider p {
    display: block;
    text-align: center;
    padding: 0;
  }
  .clinic_slides5 .flex-control-nav.flex-control-thumbs {
    position: absolute;
    right: auto;
    width: auto;
    top: auto;
    bottom: -14%;
    z-index: 2;
  }
  .clinic_slides5 .flex-control-thumbs li {
    position: relative;
    width: 14.3%;
    margin: 0 0 4% 2%;
  }
  .clinic_slides5 .flex-control-thumbs img {
    border: 3px solid #e0e0e0;
  }
  /*============================================================================

	$facilities

============================================================================*/
  .facilities_equip {}
  .facilities_equip dl {
    float: none;
    width: 100%;
    padding: 6% 10% 10%;
    box-sizing: border-box;
  }
  .facilities_equip_img {
    float: none;
    width: 100%;
    margin-bottom: 8%;
    margin-left: 0;
    padding: 0 10%;
    box-sizing: border-box;
  }
  .facilities_equip_img img {
    width: 300px;
  }
  .facilities_equip2 {}
  .facilities_equip2 dl, .facilities_equip2 dl:nth-child(3n) {
    width: 90%;
    height: auto !important;
    margin: 0 5% 30px;
  }
  .facilities_equip2 dl:nth-child(even) {
    margin-right: 0;
  }
  .facilities_equip3 {}
  .facilities_equip3 dl {
    width: 90%;
    height: auto !important;
    margin: 0 5% 30px;
  }
  .facilities_equip3 dl:nth-child(even) {
    margin-right: 0;
  }
  .facilities_equip3 dl, .facilities_equip3 dl:nth-child(3n) {
    width: 90%;
    height: auto !important;
    margin: 0 5% 30px;
  }
  /*============================================================================

	$access

============================================================================*/
  .access_map {
    margin-bottom: 90px;
  }
  .access_map dd {
    height: 220px;
    text-align: center;
  }
  .access .btn02 a {
    padding-left: 6%;
  }
  /*============================================================================

	$first

============================================================================*/
  /*============================================================================

	$medical

============================================================================*/
  .medical_index .btn02 a {
    padding-right: 22%;
  }
  .medical_index .btn02 span {
    display: none;
  }
  /* ----------- medical04 ------------ */
  ul li i.fa-check-circle-o {
    position: absolute;
    top: 0.1em;
    left: 0;
  }
  /* ----------- medical07 ------------ */
  .list09 li {
    position: relative;
    padding-left: 20px;
  }
  ul li i.fa-check-square-o {
    position: absolute;
    top: 0.3em;
    left: 0;
  }
  .vaccinations_list li {
    position: relative;
    padding-left: 20px;
  }
  /* ----------- medical08 禁煙外来 ------------ */
  .medical_flow dl {
    float: none;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    padding: 6%;
  }
  .medical_flow dl::after {
    left: 0;
    right: 0;
    top: inherit;
    bottom: -30px;
    transform: rotate(90deg);
  }
  .medical_flow dl:nth-child(3)::after {
    display: block;
  }
  /*============================================================================

	$recruit

============================================================================*/
  .recruit .tb03 ul li:not(:last-child) {
    margin-bottom: 10px;
  }
  .recruit_table_tbody th, .recruit_table_tbody td {
    padding: 10px; /* 余白指定 */
    font-size: 10px;
  }
  .recruit_table_tbody th {
    width: 75px;
  }
  th.recruit_title_bg_color {
    font-size: 14px;
  }
  .recruit_sp_font_size {
    font-size: 12px;
  }
}
@media screen and (max-width:320px) {
  /* ---------- お知らせ横スクロールバー ----------- */
  #mCSB_1_container {
    width: 240px !important;
  }
  /*============================================================================

	$medical

============================================================================*/
  .medical_layout02 dl {
    float: none;
    width: auto;
    height: auto !important;
    margin-right: 0;
    padding: 7%;
  }
  .medical_layout03 dt, .medical_layout03 dd {
    display: block;
  }
  .medical_layout03 dt, .medical_layout03 dd:nth-child(2), .medical_layout03 dd:nth-child(3) {
    width: auto;
  }
  .medical_layout03 dt {
    padding: 2% 20% 2%;
  }
  .medical_layout03 dt img {
    margin-top: 10px;
  }
  .medical_layout03 dt, .medical_layout03 dd {
    display: block;
  }
  .medical_layout03 dd {
    padding: 5% 6% 2%;
  }
  .medical_layout03 dd h5 {
    font-size: 17px;
    text-align: center;
  }
  .medical_layout03 dd h5 span {
    font-size: 26px;
  }
  .medical_layout04 dt, .medical_layout04 dd {
    display: block;
  }
  .medical_layout04 dt, .medical_layout04 dd:nth-child(2), .medical_layout04 dd:nth-child(3) {
    width: auto;
  }
  .medical_layout04 dt {
    padding: 0 15% 2%;
  }
  .medical_layout05 dt, .medical_layout05 dd {
    display: block;
  }
  .medical_layout05 dd {
    padding: 5% 6% 2%;
  }
  .medical_layout05 dd h5 {
    font-size: 17px;
  }
  .medical_layout05 dd h5 span {
    font-size: 26px;
  }
  .medical_layout05 dt, .medical_layout05 dd:nth-child(2), .medical_layout05 dd:nth-child(3) {
    width: auto;
  }
  .medical_layout05 dt {
    padding: 6% 15%
  }
  .medical_layout05 dd:nth-child(3) {
    border: none;
  }
  .medical_layout06 dt, .medical_layout06 dd {
    display: block;
  }
  .medical_layout06 dt {
    line-height: 1.5;
    font-size: 16px;
  }
  .medical_layout06 dt em {
    display: block;
    margin-right: 0;
    line-height: 1;
  }
  .medical_layout06 dd {
    padding: 3% 6% 2%;
  }
  .medical_layout06 dd h5 {
    font-size: 15px;
  }
  .medical_layout06 dd h5 span {
    font-size: 26px;
  }
  .medical_layout06 dt, .medical_layout06 dd:nth-child(2), .medical_layout06 dd:nth-child(3) {
    width: auto;
  }
  .medical_layout06 dt {
    padding: 6% 15%
  }
  .medical_layout06 dd:nth-child(3) {
    border-left: none;
  }
  .medical_layout08 dl {
    float: none;
    width: auto;
    height: auto !important;
    margin-right: 0;
    padding: 7%;
  }
  .medical_layout08 dl::before {
    display: none;
  }
}
/*============================================================================

	フッター下部　固定メニュー

============================================================================*/
.sp {
  display: none !important;
}
@media screen and (max-width: 640px) {
  .sp {
    display: block !important;
  }
  .btn_area ul {
    display: flex;
    background: #fff;
    padding: 5px 2.5px;
    gap: 10px;
  }
  .btn_area {
    width: 100%;
  }
  .btn_area li.btn_yoyaku a {
    background: #004F98;
  }
  .btn_area li.btn_access a {
    background: #00C7A3;
  }
  .btn_area li.btn_yoyaku {
    width: 100%;
  }
  .btn_area li.btn_access {
    width: 100%;
  }
  .btn_area li.btn a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 10px 2%;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  }
  .btn_area li.btn_yoyaku a {
    background: #01359a;
  }
  .btn_area li.btn_access a {
    background: #8761a9;
  }
  .fa-check-circle:before {
    display: none;
  }
  .btn_area {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10000;
  }
}