@charset "utf-8";
/* CSS Document */



@media screen and (max-width: 767px){
.txtsize {
    font-size: 100%;
}
.min-title {
    background: #4ed1a7;
    color: #fff;
    padding: 3px 20px;
    font-size: 15px;
    letter-spacing: 2px;
    border-radius: 0;
    border: 4px double #fff;
    width: 100% !important;
    text-align: center;
    margin-bottom: 0;
}
.mb-area {}

.basic-menu li {
  margin-left: 0;
}
.basic-menu > li > a::before {
  display: none;
}
.slide-1{background-size:cover}
.portfolio-item {
      width: 33%;
}
.area-title {
  width: 100%;
}
.call-to-action {
  text-align: left;
}
.hamburger {
  display: none;
}
.hamburger-menu {
  display: none;
}
.sticky .mean-container a.meanmenu-reveal {

}
.copyright {
    margin-bottom: 0;
    margin-top: 15px;
    text-align: center;
}
.footer-menu {
  text-align: center;
}
.portfolio-grid-2 .portfolio-item {
  width: 100%;
}
.portfolio-grid-4 .portfolio-item {
  width: 100%;
}
.portfolio-mosaic .portfolio-item {
  width: 100%;
}
.about-text {
  margin-bottom: 60px;
  margin-top: 0;
}
.counter-box {
  width: 50%;
}
.pagination > li {
  margin-bottom: 5px;
}
.comment-reply {
  margin-left: 0;
}
.portfolio-view-btn {
  margin-bottom: 30px;
}
.header-transparent .mean-container a.meanmenu-reveal {
  border: none;
}
.header-transparent .mean-container a.meanmenu-reveal span {
  background: #000 none repeat scroll 0 0;
}
.slider-screen {
  height: 50vh;
}

/* ADD */
.header-phone {
    display: none;
}
.breadcrumb-2-area {
    background-position: 50% 0;
    height: 35vh;
    overflow: hidden;
    padding: 92px 0 0 0;
}
h1.breadcrumb-2 {
    font-size: 220%;
    font-weight: 300;
    letter-spacing: 5px;
}
.single-slider {
    background: rgba(0, 0, 0, 0) none repeat scroll left center / cover;
    min-height: 300px;
}
.logo {
    padding: 15px 0;
    transition: all 0.3s ease 0s;
    width: 300px;
    height: auto;
}
.slider-section {
    padding-top: 90px;
}
.mean-nav .tel {
    text-align: center;
    font-size: 85%;
    font-weight: 400;
    transform: rotate(0.03deg);
    color: #00bfa6;
    margin: 0;
    padding: 15px 0;
}
.mean-nav .tel em {
    font-size: 295%;
    font-style: normal;
    font-weight: bold;
}

.area-title h2 {
    font-size: 160%;
    transform: rotate(0.03deg);
}
.in-title .undr {
    margin-bottom: 30px;
    color: #000000;
    font-size: 180%;
    letter-spacing: 2px;
    transform: rotate(0.03deg);
    line-height: 1.8em;
}
.in-title .fix01 {font-size: 140%;}
.in-title .fix02 {font-size: 160%;}
.in-title span {
    border-bottom: 2px solid #8cede4;
    padding-bottom: 5px;
}

.sp {
    font-size: 110%;
    color: #00c1b1;
    padding-top: 0;
    padding-bottom: 0;
    padding: 10px;
    background: #fffbf1;
    margin-bottom: 30px !important;
}

.flb2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 50px;
}
.flb2 > div.blr {
    padding: 10px 10px 10px 110px;
    position: relative;
}
.flb2 > div.blr .ma {
    width: 100%;
    height: auto;
    max-width: 90px;
    position: absolute;
    left: 0;
    top: 0;
}
.flb2 > div.blr > p {
    margin: 0;
    text-align: left;
    font-size: 70%;
    color: #000000;
    transform: rotate(0.03deg);
}
.flb2 > div  { margin-bottom: 30px; }
.flb2 > div > a > img {  }

.news ul {
    padding: 0 5%;
    line-height: 2em;
}
.news ul li {
    position: relative;
    font-size: 100%;
    padding: 8px 0;
    text-indent: 0;
    line-height: 1.8em;
}
.news ul li a {
    display: block;
}
.news ul li span {
    margin-right: 1em;
    font-size: 100%;
    display: block;
}
.new {
    margin-left: 0;
    padding: 0px 10px 0px 10px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: initial;
}

.header-area {
    background: initial;
}

.basic-footer {
    border-top: 1px solid #29d1c2;
    background: #effffd;
}

.footer-menu {display: none;}

.footer-logo {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: baseline;
    padding: 20px 15px;
    background: #39c3b7;
}
.footer-logo a  {display: block;}
.footer-logo a img.FTlogo {
    width: 100%;
    height: auto;
    max-width: 80%;
}

.footer-block {
    display: block;
}
.footer-left { margin-bottom: 15px;}
.footer-right {
    display: block;
    flex-wrap: nowrap;
    padding-left: 0;
}
.footer-right .minbox01 {
    background: #ffffff;
    padding: 10px;
    margin-right: 0;
    margin-bottom: 15px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #8be3d8;
}
.footer-right .minbox02 {
    background: #ffffff;
    padding: 10px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #8be3d8;
}
.footer-right .minbox02 i {
    color: #24bfb9;
}
.footer-right .minbox01 p, .footer-right .minbox02 p {
    margin: 0;
    text-align: left;
    line-height: 1.8em;
}
.footer-right .minbox01 p.title, .footer-right .minbox02 p.title {
    border-bottom: 1px solid #24bfb9;
    padding-bottom: 8px;
    color: #24bfb9;
    margin-bottom: 10px;
    text-align: center;
    font-size: 130%;
    letter-spacing: 1px;
    line-height: 1.5em;
    font-weight: 500;
}
.copyright {
    margin-bottom: 0;
    margin-top: 15px;
    text-align: center;
}
.copyright p {
    margin-bottom: 0;
    font-size: 90%;
    line-height: 1;
    color: #ffffff;
}

div.bn {

}
div.bn a {
    display: block;
    max-width: 564px;
    width: 100%;
    height: auto;
}
div.blr {
    padding: 1% 1% 1% 18%;
    position: relative;
    width: 100%;
    border-right: 20px solid #58d1c2;
    background: #ffffff;
    margin-top: 15px;
    border-radius: 5px;
}
div.blr .ma {
    width: 100%;
    height: auto;
    max-width: 13%;
    position: absolute;
    left: 3%;
    top: 6%;
}
div.blr > p {
    margin: 0;
    text-align: left;
    font-size: 80%;
    color: #5f5f5f;
    transform: rotate(0.03deg);
    line-height: 1.5em;
}
div.blr .abs {
    position: absolute;
    right: -5%;
    top: 0;
    color: #fff;
    font-size: 115%;
    display: block;
    height: 100%;
    text-align: center;
}
div.blr .abs:hover {
    color: #fffd99;
}
div.blr .abs i {
    position: relative;
    top: 29%;
    right: 1px;
}
div.tts .tel {
    font-size: 90%;
    margin-top: 20px;
    line-height: 1.5em;
    color: #00cba8;
}
div.tts .tel em {
    font-size: 125%;
    font-style: normal;
    font-weight: 600;
}

.about-txt {
    font-size: 100%;
    color: #333;
    text-align: left;
    line-height: 30px;
    background: #f9f9f9;
    padding: 15px;
    margin-bottom: 0;
    position: relative;
}

.flbox-2s {display: block;}
.flbox-2s > div:nth-child(1) {
    width: 100%;
    overflow: hidden;
    border-radius: 5px;
    margin-right: 20px;
}
.flbox-2s > div:nth-child(1) img {}
.flbox-2s > div:nth-child(2) {
    width: 100%;
    background: #f9f9f9;
    border-radius: 5px;
}
.flbox-2s > div:nth-child(2) p {
    font-size: 100%;
    font-weight: 400;
    line-height: 1.8em;
    padding: 10px;
    margin-bottom: 0;
}
.flbox-2s > div:nth-child(2) p em {font-weight: 400;}

.apply-txt {
    font-size: 100%;
    font-weight: 400;
    color: #414141;
    text-align: left;
    line-height: 1.8em;
    background: #f8f8f8;
    padding: 15px;
    margin-bottom: 0;
    position: relative;
}

.owh {
    overflow: hidden;
    display: block;
    padding: 0 30px;
}

.cau {
    color: #fff;
    background: #ff5555;
    font-size: 110%;
    margin-bottom: 0;
    padding: 5px 10px;
    letter-spacing: 2px;
    width: 100%;
    text-align: center;
}

.flbox-x {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.flbox-x a {
    width: 90%;
}

.medicalcheck {}
.medicalcheck h3 {
    font-size: 110%;
    color: #373737;
    font-weight: 500;
    margin-bottom: 15px;
}
.medicalcheck h4 {
    background: #00b8cd;
    width: fit-content;
    color: #fff;
    padding: 8px 15px;
    line-height: 1.5em;
    font-size: 19px;
}
.medicalcheck p {
    font-size: 100%;
    margin-bottom: 5px;
}

.service-content p {
    margin-bottom: 20px;
    text-align: center;
    min-height: 1px;
}

.PA {
    width: 100%;
    background: #5ac1a5;
}
.breadcrumbs {
    margin: 0;
    padding: 4px 10px;
    list-style: none;
    background: transparent;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.breadcrumbs li {
    display: block;
    list-style: none;
}
.breadcrumbs li.btw {
    padding: 0px 5px;
}
.breadcrumbs li i {
    text-decoration: none;
    color: #ffffff;
    font-weight: 400;
}
.breadcrumbs li a {
    text-decoration: none;
    color: #ffffff;
    font-weight: 400;
    font-size: 90%;
    letter-spacing: 1px;
}
.breadcrumbs li a.now {
    color: #ffffff;
}
.breadcrumbs li a:hover {
    text-decoration: underline;
}

table.ctm th {
    padding: 5px;
    font-size: 60%;
}
table.ctm td {
    text-align: center;
    padding: 5px;
    font-size: 60%;
}

.btw-bar-min {
    width: 100%;
    height: 1px;
    background: #d1dddd;
    margin: 50px 0;
}

.in-title .paf {
    margin-bottom: 50px;
}
.in-title .paf span em {
    position: absolute;
    bottom: -41px;
    right: 0;
    font-size: 65%;
    color: #000;
    letter-spacing: 0;
    width: 100%;
}

.post-more {
    padding: 10px 10px;
    margin-top: 20px;
}

.access-text h5 {
    font-size: 100%;
    font-weight: 400;
}
.access-text p {
    font-size: 100%;
}

.medicalcheck-sub {
    display: block;
}
.medicalcheck-sub > div:nth-child(1) {
    border-right: none;
}
.medicalcheck-sub > div {
    width: 100%;
}
.medicalcheck-sub h4 {
    font-size: 18px;
}
.medicalcheck-sub p {
    font-size: 100%;
}

.mt150 {margin-top: 100px;}
.fixtxt01 {font-size: 75%;}
.ptb-80 {
    padding: 50px 0;
}
.ptb-90 {
    padding: 50px 0;
}
.hidetag { display:initial; }
.mTL { text-align: left!important; }
.mhide { display: none!important; }

}