/********** Template CSS **********/
:root {
    --primary: #32C36C;
    --light: #F6F7F8;
    --dark: #1A2A36;
}

.fw-medium {
    font-weight: 500 !important;
}

.fw-bold {
    font-weight: 700 !important;
}

.fw-black {
    font-weight: 900 !important;
}

.back-to-top {
    position: fixed;
    display: none;
    right: 45px;
    bottom: 45px;
    z-index: 99;
}


/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}


/*** Button ***/
.btn {
    font-weight: 500;
    transition: .5s;
}

.btn.btn-primary,
.btn.btn-outline-primary:hover {
    color: #FFFFFF;
}

.btn-square {
    width: 38px;
    height: 38px;
}

.btn-sm-square {
    width: 32px;
    height: 32px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}

/*** Navbar ***/
.navbar.sticky-top {
    top: -100px;
    transition: .5s;
}

.navbar .navbar-brand,
.navbar a.btn {
    height: 75px;
}

.navbar .navbar-nav .nav-link {
    margin-right: 30px;
    padding: 25px 0;
    color: var(--dark);
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    outline: none;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
    color: var(--primary);
}

.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 8px;
}

@media (max-width: 991.98px) {
    .navbar .navbar-nav .nav-link  {
        margin-right: 0;
        padding: 10px 0;
    }

    .navbar .navbar-nav {
        border-top: 1px solid #EEEEEE;
    }
}

@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        border: none;
        margin-top: 0;
        top: 150%;
        opacity: 0;
        visibility: hidden;
        transition: .5s;
    }

    .navbar .nav-item:hover .dropdown-menu {
        top: 100%;
        visibility: visible;
        transition: .5s;
        opacity: 1;
    }
}


/*** Header ***/

.owl-carousel-inner {
    position: absolute;
    width:auto;
    top:27%;
    left: 0;
    display: flex;
    align-items: center;
}

@media (max-width: 768px) {
.owl-carousel-inner {
	top:40%;}
	
	



}

@media (max-width:440px) {
.owl-carousel-inner {
	top:48%;}
}


.page-header-careport {
    background: url(../img/careport.jpg) center center no-repeat;
    background-size: cover;
}

.page-header-careport02 {
    background: url("../img/careport_guide.jpg") center center no-repeat;
    background-size: cover;
}

.page-header-hamayu {
    background: url(../img/hamayu.jpg) center center no-repeat;
    background-size: cover;
}

.page-header-hamayu02 {
    background: url("../img/hamayu_guide.jpg") center center no-repeat;
    background-size: cover;
}

.page-header-info {
    background: url("../img/info.jpg") center center no-repeat;
    background-size: cover;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: var(--light);
}


/*** About ***/
@media (min-width: 992px) {
    .container.about {
        max-width: 100% !important;
    }

    .about-text  {
        padding-right: calc(((100% - 960px) / 2) + .75rem);
    }
}

@media (min-width: 1200px) {
    .about-text  {
        padding-right: calc(((100% - 1140px) / 2) + .75rem);
    }
}

@media (min-width: 1400px) {
    .about-text  {
        padding-right: calc(((100% - 1320px) / 2) + .75rem);
    }
}


/*** Service ***/
.service-item {
    box-shadow: 0 0 45px rgba(0, 0, 0, .08);
}

.service-icon {
    position: relative;
    margin: -50px 0 25px 0;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
    background: #FFFFFF;
    border-radius: 100px;
    box-shadow: 0 0 45px rgba(0, 0, 0, .08);
    transition: .5s;
}

.service-item:hover .service-icon {
    color: #FFFFFF;
    background: var(--primary);
}

@media (min-width: 1400px) {
.recruit_area { padding-right:0;}
}
@media (min-width: 1200px) {
.recruit_area { padding-right:4%;}
}

@media (max-width:768px) {
.recruit_area { padding-right:6%;}
}


/*** Feature ***/
@media (min-width: 992px) {
    .container.feature {
        max-width: 100% !important;
    }

    .feature-text  {
        padding-left: calc(((100% - 960px) / 2) + .75rem);
    }
}

@media (min-width: 1200px) {
    .feature-text  {
        padding-left: calc(((100% - 1140px) / 2) + .75rem);
    }
}

@media (min-width: 1400px) {
    .feature-text  {
        padding-left: calc(((100% - 1320px) / 2) + .75rem);
    }
}


/*** Project Portfolio ***/
#portfolio-flters li {
    display: inline-block;
    font-weight: 500;
    color: var(--dark);
    cursor: pointer;
    transition: .5s;
    border-bottom: 2px solid transparent;
}

#portfolio-flters li:hover,
#portfolio-flters li.active {
    color: var(--primary);
    border-color: var(--primary);
}

.portfolio-img {
    position: relative;
}

.portfolio-img::before,
.portfolio-img::after {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    background: var(--dark);
    transition: .5s;
}

.portfolio-img::before {
    left: 50%;
}

.portfolio-img::after {
    right: 50%;
}

.portfolio-item:hover .portfolio-img::before {
    width: 51%;
    left: 0;
}

.portfolio-item:hover .portfolio-img::after {
    width: 51%;
    right: 0;
}

.portfolio-btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    z-index: 1;
    transition: .5s;
}

.portfolio-item:hover .portfolio-btn {
    opacity: 1;
    transition-delay: .3s;
}


/*** Quote ***/
@media (min-width: 992px) {
    .container.quote {
        max-width: 100% !important;
    }

    .quote-text  {
        padding-right: calc(((100% - 960px) / 2) + .75rem);
    }
}

@media (min-width: 1200px) {
    .quote-text  {
        padding-right: calc(((100% - 1140px) / 2) + .75rem);
    }
}

@media (min-width: 1400px) {
    .quote-text  {
        padding-right: calc(((100% - 1320px) / 2) + .75rem);
    }
}


/*** Team ***/
.team-item {
    box-shadow: 0 0 45px rgba(0, 0, 0, .08);
}

.team-item img {
    border-radius: 8px 60px 0 0;
}

.team-item .team-social {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    background: #FFFFFF;
    transition: .5s;
}


/*** Testimonial ***/
.testimonial-carousel::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
}

.testimonial-carousel::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    height: 100%;
    width: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
}

@media (min-width: 768px) {
    .testimonial-carousel::before,
    .testimonial-carousel::after {
        width: 200px;
    }
}

@media (min-width: 992px) {
    .testimonial-carousel::before,
    .testimonial-carousel::after {
        width: 300px;
    }
}

.testimonial-carousel .owl-nav {
    position: absolute;
    width: 350px;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
    opacity: 0;
    transition: .5s;
    z-index: 1;
}

.testimonial-carousel:hover .owl-nav {
    width: 300px;
    opacity: 1;
}

.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
    position: relative;
    color: var(--primary);
    font-size: 45px;
    transition: .5s;
}

.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover {
    color: var(--dark);
}

.testimonial-carousel .testimonial-img img {
    width: 100px;
    height: 100px;
}

.testimonial-carousel .testimonial-img .btn-square {
    position: absolute;
    bottom: -19px;
    left: 50%;
    transform: translateX(-50%);
}

.testimonial-carousel .owl-item .testimonial-text {
    margin-bottom: 30px;
    box-shadow: 0 0 45px rgba(0, 0, 0, .08);
    transform: scale(.8);
    transition: .5s;
}

.testimonial-carousel .owl-item.center .testimonial-text {
    transform: scale(1);
}


/*** Contact ***/
@media (min-width: 992px) {
    .container.contact {
        max-width: 100% !important;
    }

    .contact-text  {
        padding-left: calc(((100% - 960px) / 2) + .75rem);
    }
}

@media (min-width: 1200px) {
    .contact-text  {
        padding-left: calc(((100% - 1140px) / 2) + .75rem);
    }
}

@media (min-width: 1400px) {
    .contact-text  {
        padding-left: calc(((100% - 1320px) / 2) + .75rem);
    }
}


/*** Footer ***/
.footer {background-color:#5CBFD9 !important;}
.footer .footer_txt {font-size: 1.2rem; line-height: 1.6rem; color: #fff;}

.footer .tel {color:#fff; font-size: 2rem; background:#118695; border-radius: 10px; padding: 0.6rem 1rem; text-align: center;}
.footer .mail {color:#fff; font-size: 1.4rem; background:#118695; border-radius: 10px; padding: 1rem 1rem; text-align: center;}
.footer .tel:hover,.footer .mail:hover { opacity: .6;}
.footer .btn.btn-social {
    margin-right: 5px;
    color: #9B9B9B;
    border: 1px solid #9B9B9B;
    border-radius: 38px;
    transition: .3s;
}

.footer .btn.btn-social:hover {
    color: var(--primary);
    border-color: var(--light);
}

.footer .btn.btn-link {
    display: block;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
    color: #9B9B9B;
    font-weight: normal;
    text-transform: capitalize;
    transition: .3s;
}

.footer .btn.btn-link::before {
    position: relative;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 10px;
}

.footer .btn.btn-link:hover {
    color: #FFFFFF;
    letter-spacing: 1px;
    box-shadow: none;
}

.footer .copyright {
    padding: 5% 2% 6%;
    border-top: 2px solid #fff;
	display: flex;
	justify-content: space-around;
}

.footer .copyright02 {
    background:#118695;
}
.footer .copyright-in {
    padding: 3% 2%; text-align: center;
}
.copy_text1 {font-size:1.2rem; color: #fff;}
.copy_text2 {font-size:.9rem; color: #fff;}

.footer .copyright a {
    color: var(--light);
}

.footer .copyright a:hover {
    color: var(--primary);
}


/*** top-custom ***/

.top-header-wave {margin-top: -7%;}
.top-header-wave img {width: 100%;}
.btn-gray{color:#333;background-color:#F2F2F4;border-color:#F2F2F4;}
.slide-txt {color:#fff !important;font-size:2.2rem;line-height:5.3rem;left:0 !important;
	font-weight:600;
	}
.slide-txt span {box-decoration-break: clone;
	-webkit-box-decoration-break: clone;margin-left:-3.5% !important;padding-top: .3em;padding-bottom: 0.3em; background-color:rgba(62, 58, 57, .45);
	display: inline;padding-left:2.2em !important; padding-right: 1em !important;border-top-right-radius :25px;
	-webkit-border-top-right-radius:25px;
	-moz-border-radius-topright:25px;
	border-bottom-right-radius : 25px;
	-webkit-border-bottom-right-radius:25px;
	-moz-border-radius-bottomright: 25px;}

@media (max-width: 1200px) {
	.slide-txt {font-size:1.8rem;line-height:4.3rem;}
	.slide-txt span{margin-left:-3.5% !important;}
}
@media (max-width:991px) {
.top-header-wave {margin-top: -3%;}
}
@media (max-width:883px) {
	.slide-txt {font-size:1.4rem;line-height:3.5rem;}
	.slide-txt span{margin-left:-5% !important;}
}
@media (max-width:768px) {
	.slide-txt {font-size:1.1rem !important;line-height:2.7rem;padding-left:1.8em !important;}
	.slide-txt span{margin-left:-22% !important;}
}


.right-fixed-banner {
  position: fixed;z-index: 9999 !important;
  top: 12%;
  right:0 !important;
  width: 10%;
  text-align:right !important;

}

.banner-box {
  height:100%;
}

.banner-box img:hover {opacity: .6;}


#banner-1 {
 padding-bottom: 5%;
}



#banner-2 {
  padding-bottom: 5%;
}

@media (max-width: 1400px) {
.right-fixed-banner {
  top: 14%;
	}
.right-fixed-banner img {width:60% !important;}
}

@media (max-width: 1200px) {
.right-fixed-banner img {width:55% !important;}
}
@media (max-width: 950px) {
.right-fixed-banner img {width:65% !important;}
}
@media (max-width:750px) {
.right-fixed-banner img {width:75% !important;}
}
@media (max-width:600px) {
.right-fixed-banner img {width:85% !important;}
}
@media (max-width:500px) {
.right-fixed-banner img {width:95% !important;}
}


.sp {display: none !important;}
.pc {display:block !important;}

@media (max-width: 768px) {
.sp {display:block !important;}
.pc {display: none !important;}
}


.txt_color span:nth-child(odd) {
  color: #5CBFD9;
}
.txt_color span:nth-child(even) {
  color: #F295A4;
}


.in-text {max-width: 1250px;color:#000;line-height: 1.8rem;font-size: 1rem;margin-bottom:7%;margin-top:3% !important;}
.in-text span {color:#9B9B9B;padding-left: 0.5rem; padding-right: 0.5rem;}

@media (max-width:1400px) {
	.in-text  {padding-right: 4%;}
}
@media (max-width:1200px) {
	.in-text  {padding-right: 2%;}
}

	
@media (max-width: 768px) {
.in-text {margin-bottom:10%;padding-right:5% !important;}

}

@media (max-width:560px) {
.in-text {padding-right:7% !important;}
}

.about {margin-top:3%;margin-bottom: 8%;}

.careport {padding-top:15%; padding-bottom:15%; text-align: center;}
.careport_hover {border-right: 1px solid #727171;}
.careport_hover:hover{background:url(../img/careport-ph.jpg);background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
.careport_hover:hover h6 ,.careport_hover:hover h1 ,.hamayu_hover:hover h6 ,.hamayu_hover:hover h1 {color: #fff;text-shadow: #000 1px 0 10px;}
.hamayu_hover:hover {background:url(../img/hamayu-ph.jpg);background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
.hamayu {padding-top: 15%; padding-bottom:15%; text-align: center;}



.about-border {border-bottom: 1px solid #727171;border-top: 1px solid #727171;}

.careport a {background: #5CBFD9; color: #fff;}
.hamayu a {background: #F295A4; color: #fff;}

.careport a:hover,.hamayu a:hover { color: #fff; opacity:.5;}

.careport h1 { font-size:2.3rem;}

@media (max-width:991px) {
.about-border {border-bottom:none;border-top:none;}
.careport_hover {border-right:none;background:url(../img/careport-ph.jpg);background-position: center;
    background-repeat: no-repeat; background-size: cover;margin-bottom: 3%;margin-top: 2%;}
.hamayu_hover {background:url(../img/hamayu-ph.jpg);background-position: center;
    background-repeat: no-repeat;background-size: cover; }
.name1 , .name2 {color: #fff;text-shadow: #000 1px 0 10px;}
.careport a , .hamayu a {background:none; color: #fff; border: 2px solid #fff;}

.careport a:hover {background: #5CBFD9;opacity:1;border-color:#5CBFD9;}
.hamayu a:hover { background: #F295A4;opacity:1;border-color:#F295A4;}
}

.news_area {background: url("../img/news_back.jpg") no-repeat; margin-bottom:8%;}

.news_area_in { max-width: 1250px; margin:5% auto auto; padding:8% 1% 6%;}

.information-content__list {
   background: #fff;border-radius: 15px;
    padding:4% 4% 3%;
}
.information-content__list li {
    border-bottom: 1px solid #727171;
    margin: 0 0 15px; list-style: none;
    padding: 0 .6rem 15px; font-size: 1.2rem;
}
.information-content__list .jouhoukoukai {
    margin: 0 0 15px; list-style: none;
	font-size: 1.2rem;
}
.information-content__list .jouhoukoukai a{
  color: #3E3A39;
}
.information-content__list .jouhoukoukai a:hover{
  color: #32C36C;
}


.information-content__list .jouhou_borderred {
  border: solid 1px red;
  font-size:0.9rem;
  border-radius: 5px;
  padding: 0.2em 1em 0.25em;
  margin-right: 15px;
  color: #3E3A39;
}

.information-content__list li a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.information-content__list-icon {
    width: 99px;
}

.information-content__list li .date {
    font-size: 1.2rem; color: #9FA0A0;
    margin: 0 15px 0 0;
}
.information-content__list li a {
    font-size: 1.2rem;display: inline-block !important;color: #3E3A39;
}

.information-content__list li a:hover { color: #32C36C;}
.information-content__button {
    text-align: center;
}
.information-content__button a {}
.information-content__button a img {}

.label1:after {
  content: "新着情報";color: #3E3A39; border-radius: 5px;
  font-size:0.9rem;
	border: solid 1px #898989;
  padding: 0.2em 1em 0.25em;margin-right: 15px;
}

.label2:after {
  content: "お知らせ";color: #3E3A39; border-radius: 5px;
  font-size:0.9rem;border: solid 1px #898989;
  padding: 0.2em 1em 0.25em;margin-right: 15px;
}

.label3:after {
  content: "公開情報";border: solid 1px #898989;
  font-size:0.9rem;color: #3E3A39; border-radius: 5px;
  padding: 0.2em 1em 0.25em;margin-right: 15px;
}

.news_btn { margin:5% auto 3%; text-align: center;}
.news_btn a {background: #5CBFD9; color: #fff;}
.news_btn a:hover { color: #fff; opacity:.5;}


@media (max-width:1400px) {
	.news_area {padding-left: 2%;padding-right:5%;}
}


@media (max-width:1250px) {
    .information-content__list {margin:2%}

}


@media (max-width: 768px) {
    .information-content__list {margin:8% 6% 6% 2%}
    .information-content__list li a {
        flex-wrap: wrap;
    }
    .information-content__list-icon {
        width: 99px;
    }
    .information-content__list-icon img {}
    .information-content__list li .date {
        display: inline-block !important;
        margin: 0 15px 0 0;
    }
    .information-content__list li a {
        margin: 8px 0 0;
        width: 100%;
    }
}

.bussiness_area_top {background: url("../img/bussiness_back.jpg") no-repeat; margin-bottom:0; height:50px;}

.bussiness_area {background:#F2F2F4;margin-top: 0; padding-left: 2%;padding-right:2%;}

.bussiness_area_in { max-width: 1250px; margin:0 auto auto; padding:2% 0 6%;}

.bussiness__list {
    padding:2% 2% 3%;
}
.bussiness__list li {
    border-bottom: 2px solid #B5B5B6;
    margin: 0 0 15px; list-style: none; color: #3E3A39;
    padding: 15px .6rem 15px; font-size: 1.2rem;
}
.bussiness__list li:first-child{
	border-top: 2px solid #B5B5B6;}

.bussiness__list li span {
    font-size: 1rem;padding-left:.6rem;line-height: 1.4rem;
}

.bussiness_btn { margin:5% 0 0; text-align: left;padding-left: 2%;}
.bussiness_btn p {background: #118695; color: #fff; font-weight:600; font-size:1.2rem;}


.bussiness__info {max-width: 1250px; margin:0 auto auto; padding:2% 2% 6%;}

table.company_01 {
  width: 100%; font-size: 1.2rem;
  border-collapse: collapse;
	margin: auto; color: #3E3A39;
}

table.company_01 tr{
  border-bottom:2px solid #B5B5B6;
}

table.company_01 tr:first-child{
  border-top: 2px solid #B5B5B6;
}

table.company_01 th{
  position: relative;
  text-align: left;
  width: 22%; font-weight: 400;
  padding: 15px .6rem;
}


table.company_01 td{
  text-align: left;
  width: 78%;
  padding:1em 1.5em;
}

@media (max-width:1350px){
.bussiness_area {padding-right:5%;}
}
@media (max-width:991px){
.bussiness_area {padding-right:8%;}
}

@media (max-width:767px){
table.company_01 {font-size:14px;}
table.company_01 th{
  padding: 1em 0.8em;
	width: 25%;
}
table.company_01 td{
  width: 75%;}
}



#googlemap  {
	position: relative;
	padding: 0 0 62%;
	height: 0;
	overflow: hidden;margin-bottom: 5%;

 }
#googlemap iframe {
	position: absolute; border-radius:10px;
	top: 0;
	left:4%;
	width: 100% !important;
	min-height: 100% !important;

 }

@media (max-width:991px) {
#googlemap iframe {
	left:0;}
	#googlemap {margin-bottom:8%;margin-top:8%;}
}


@media screen and (max-width:767px) {
	#googlemap  {
	padding: 0 0 65%;
	}
#googlemap iframe {
	left:0;}
	#googlemap {margin-bottom:13%;}
}


/*** sub-custom ***/

.sub-header-wave {bottom:-8%;position: absolute;}
.sub-header-wave img {width: 100%;}
.sub-header {position: relative; min-height:300px;}
.center {
  position: absolute;
  bottom:-95%;
  left: 40%;
}


.sub-ttl-big,.sub-ttl-big02 {font-size: 1.9rem;line-height:2.1rem; color: #000;background:rgba(255, 255, 255, .65);padding: 0.8rem 1rem 0.5rem; border-radius: 10px;}
.sub-ttl {font-size:1rem;display: block;}
.sub-ttl span:nth-child(odd) {
  color: #5CBFD9;
}
.sub-ttl span:nth-child(even) {
  color: #F295A4;
}



@media screen and (min-width:992px) {
.sub-header {min-height:400px;}
}
@media screen and (max-width:991px) {
	.center {bottom:-50%;}
	.sub-ttl-big,.sub-ttl-big02 {margin-left: -10% !important;}
}
@media screen and (max-width:767px) {
.sub-ttl-big {margin-left: -16% !important;}
.sub-ttl-big02 {margin-left: -19% !important;}
}

.sub-asatu {font-size:1.9rem;line-height:3rem;}
.careport-sub .btn {background: #5CBFD9; color: #fff; font-weight: 600;}
.careport-sub02 {width:97%;}
.careport-sub02 .btn {background: #5CBFD9; color: #fff; font-weight: 600; display:block !important; text-align: left;}
.careport-sub .btn:hover,.careport-sub02 .btn:hover,.hamayu-sub .btn:hover {opacity: .5;}
.hamayu-sub .btn {background: #F295A4; color: #fff; font-weight: 600;}

.sub-midashi {font-size: 1.6rem;margin:5% 0 2% 3%; }
.sub-midashi span {font-size: 1.2rem; padding-right: 0.6rem;}
.sub-midashi_l {font-size: 1.6rem;margin:5% 0 2% 3%; }
.sub-midashi_l span {font-size: 1.2rem; padding-right: 0.6rem;}
.sub-midashi02 {font-size: 1.45rem;padding-top: 0.6rem;line-height: 2rem;}
.sub-midashi-in {text-align:center; margin:2% auto;}
.sub-midashi-in span {font-size: 1.6rem;}
.sub-midashi05 {font-size: 1.25rem;padding-top: 0.6rem;line-height:1.8rem;}
.sub-midashi06 {font-size: 1.25rem;color: #F295A4;}

.sub-midashi03 {font-size: 1.6rem;margin:5% auto 3%;text-align: center !important; border: solid 1px #3E3A39; display: inline-block; padding: 0.6rem 1rem;}
.sub-midashi03 span {font-size: 1.2rem; padding-right: 0.6rem;}

.sub-midashi04 {font-size: 1.5rem;margin:4% auto 3%;text-align: center !important; }

@media screen and (min-width:992px){
.text-top {margin-top:19% !important; }	
} 
@media screen and (min-width:992px) {
	.pr-lg-3 {padding-right:2%;}
	.sub-img {padding-bottom:5%;}

}

@media screen and (max-width:991px) {
	.sub-img {display: inline-block;width:49%;padding-right: 2%;margin-bottom: 5%;}
	.sub-img02 {margin-bottom: 5%;padding-right:6% !important;}
	.sub-midashi03 {margin:7% auto 4%}
	.sub-midashi,.sub-midashi_l {margin:7% auto 4%; text-align: center;}
}

@media screen and (max-width:767px) {
.careport-sub02 {width:95%;}
}
@media screen and (max-width:600px) {
	.sub-midashi_l span {display: block;padding-bottom: 0.6rem;}
}

@media screen and (max-width:500px) {
	.sub-midashi span {display: block;padding-bottom: 0.6rem;}
}



.guide_btn { margin:5% 0 0; text-align: left;padding-left: 2%;}
.guide_btn p {background: #3E3A39; color: #fff; font-weight:600; font-size:1.2rem;}

.guide_sub_txt {background:none !important;font-size:1rem!important;font-weight:400!important; color: #000 !important; display: inline-block; padding-left: 1rem;}

.guide_setumei { margin:1% 0 0; text-align: left;padding-left: 2%;}
.guide_setumei_txt  {font-weight:600; font-size:1rem; border: 1px solid #3E3A39; padding: 0.5rem 1rem; display: inline-block; color: #333;}

.table-area {
	width: 100%;
	margin: 0 auto;padding-left:2% !important;
	overflow-x: scroll;
}

table.sp-table {
	width: 100%;
	min-width: 900px;
	margin:3% auto 3%;
}

/*--↓ 下記は装飾になります--*/

table{
   border: 2px #3E3A39 solid; text-align: center;
}

table.sp-table td, 
table.sp-table th {
	border: 1px solid #3E3A39;
	border-collapse: collapse;
}

table.sp-table td, 
table.sp-table th {
	font-size: .8rem;
	padding: 1em;
	box-sizing: border-box;
}

table.sp-table th {
	color: #fff;text-align: center;
	background-color: #898989;
}
table.sp-table td {
	color: #000; line-height: 1.3rem;
}
table.sp-table td span {display:inline-block;text-align: left; }



/*--↓ ボタン--*/
table.sp-table td.more-btn a {
	color: #fff;
	display: block;
	width: 100%;
	padding: 1em 0;
	text-align: center;
	background-color: #FD4E4F;
	border-radius: 30px;
}


/*--PC--*/
@media screen and (min-width:1100px){
	.table-area {overflow-x: auto;}
	
	table.sp-table {width:100%;}
}

.back_b {background-color: #5CBFD9 !important;}
.back_p {background-color: #F295A4 !important;}


/*==================================================
スライダーのためのcss
===================================*/


/*画像の横幅を100%にしてレスポンシブ化*/
.gallery img{
  width: 100%;
  height: auto;
  vertical-align: bottom;/*画像の下にできる余白を削除*/
}

/*メイン画像下に余白をつける*/

.gallery{
  margin:5% auto 3% !important;width: 95%; text-align: center;
}

/*矢印の設定*/

/*戻る、次へ矢印の位置*/
.slick-prev, 
.slick-next {
    position: absolute;/*絶対配置にする*/
  z-index: 3;
    top: 42%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #ccc;/*矢印の色*/
    border-right: 2px solid #ccc;/*矢印の色*/
    height: 25px;
    width: 25px;
}

.slick-prev {/*戻る矢印の位置と形状*/
    left:2.5%;
    transform: rotate(-135deg);
}

.slick-next {/*次へ矢印の位置と形状*/
    right:2.5%;
    transform: rotate(45deg);
}

ul.gallery{
	margin:0;
	padding: 0;
	list-style: none;
}



.box-title {
    position: absolute;width:17rem;

    top: -2.5rem;
    left: -3px;
	text-indent:0.8rem;
    height: 2.5rem;
    line-height:2.5rem;
    font-size: 1.5rem;
    background: #5CBFD9;
    color: #ffffff;
    font-weight: bold;
    border-radius: 10px 10px 0 0;
}

.box-title02 {
    position: absolute;width:17rem;

    top: -2.6rem;
    left: -3px;
	text-indent:0.6rem;
    height: 2.5rem;
    line-height:2.5rem;
    font-size: 1.5rem;
    background: #F295A4;
    color: #ffffff;
    font-weight: bold;
    border-radius: 10px 10px 0 0;
}

.gyouji {width: 95%; margin-top:2%; margin-bottom:3% !important; position: relative;padding: 2rem 1rem 1rem !important;border: solid 3px #F295A4; border-radius:0 10px 10px 10px;}

.gyouji03 {width: 95%; margin-top:2%; margin-bottom:8% !important; position: relative;padding:1.8rem 1rem 0.6rem !important;border: solid 3px #F295A4; border-radius:10px;}

.flow_img_pc {width: 98%; padding-left: 1rem;margin-top:2%; margin-bottom:1.5%;}
.flow_img_sp  {width: 98%; padding-left: 1rem;margin-top:3%; margin-bottom:3%;}


@media screen and (max-width:1080px){
	.gyouji {width: 97%;padding: 2rem 0.6rem 1rem !important;}
	.gyouji03 {width: 97%;}
}
@media screen and (min-width:992px){
.gyouji01 { padding-right: 1.5rem; border-right: 2px dashed #F295A4; }
.gyouji02 { padding-left: 1.5rem;}
.gyouji02 img {width:85%;}
.gyouji03 {margin-bottom:10% !important;}
.flow_mb {margin-bottom:3% !important;}
}
@media screen and (max-width:991px){
.gyouji {width: 95%;padding: 2rem 1rem 1rem !important;margin-bottom:5% !important; }
.gyouji01 { margin-bottom:2%; }	
.gyouji01 img , .gyouji02 img {width:85%;}
.mb_5 {margin-bottom: 5% !important;}
.gyouji03 {margin-bottom:13% !important;}
.flow_mb {margin-bottom:10% !important;}
}
@media screen and (min-width:768px) {
.flow_img_sp {display:none;}
}
@media screen and (max-width:767px) {
.gyouji {margin-bottom: 6% !important;}
.gyouji01 img , .gyouji02 img {width:95%;}
.gyouji_ph {margin-bottom: 3%;}
.flow_img_pc {display:none;}
.flow_mb {margin-bottom:15% !important;}
}


.bussiness__info a:hover {opacity: .5;}