@charset "UTF-8";

#about main{height: 450px;background-position: center center;background-size: cover;background: url("../img/main_pc.jpg?20210426") center center / cover no-repeat;}
#about #concept .or_line + p{margin-top: 30px;text-align: center;}
#about #concept .concept_img{text-align: center;margin-top: 30px;}
#about #concept .concept_img img{z-index: 1;}
#about #concept .concept_img p{padding: 15px;background: #efefef;position: absolute;}
#about #concept .concept_img p.yojo_copy{top:18%;right: 10%;width: 30%;padding-left: 3%;text-align: left;}
#about #concept .concept_img p.pain_copy{bottom:8%;lett: 0%;width: 40%;padding-right: 13%;text-align: left;}
#about #concept .concept_img p.ageless_copy{bottom:8%;right: 0%;width: 40%;padding-left: 13%;text-align: left;}

@media only screen and (max-width: 768px) {
#about main{height: auto;background: none;}
#about #concept .or_line + p{margin-top: 20px;text-align: left;}
#about #concept .concept_img{text-align: center;margin: 50px 0 80px;padding: 20vw 0 30vw;}
#about #concept .concept_img img{width: 80%;}
#about #concept .concept_img p{padding: 15px;background: #efefef;position: absolute;}
#about #concept .concept_img p.yojo_copy{top:auto;bottom:100vw;right: 10%;width: 80%;padding-left: 15px;}
#about #concept .concept_img p.pain_copy{bottom:auto;top:90vw;lett: 0%;width: 48%;padding-right: 15px;}
#about #concept .concept_img p.ageless_copy{bottom:auto;top:90vw;right: 0%;width: 48%;padding-left: 15px;}
}



#about #facility{background: url("../../common/img/orange_bk.jpg");background-position: center center;background-size: cover;padding: 50px 0;}
#about #facility #slider{margin-top: 30px;}
#about #facility .cap_on{position: absolute;bottom:15px;right:15px;font-size:14px;text-shadow: 1px  1px 1px #fff,-1px  1px 1px #fff,1px -1px 1px #fff,-1px -1px 1px #fff,1px  0px 1px #fff,0px  1px 1px #fff,-1px  0px 1px #fff,0px -1px 1px #fff, 1px  1px 1px #fff,-1px  1px 1px #fff,1px -1px 1px #fff,-1px -1px 1px #fff,1px  0px 1px #fff,0px  1px 1px #fff,-1px  0px 1px #fff,0px -1px 1px #fff;color: #000;}
#about #facility .cap_out{margin-top: 10px;line-height: 1.6;height: 3em;}

#about #facility .main_prev{position: absolute;top:50%;margin-top: -16px;left: 20px;z-index: 10;transition: 0.5s;}
#about #facility .main_next{position: absolute;top:50%;margin-top: -16px;right: 20px;z-index: 10;transition: 0.5s;}
#about #facility .main_prev:hover,
#about #facility .main_next:hover{opacity: 0.5;transition: 0.5s;}
#about #facility #slider_thumbs{width: 95%;margin: 40px auto 0;}
#about #facility .thumb{margin-right: 10px;background: #000;cursor: pointer;transition: 0.5s;}
#about #facility .thumb:hover{transition: 0.5s;opacity: 0.5;}
#about #facility .thumb img{opacity: 0.3;}
#about #facility .thumbs_prev{position: absolute;top:50%;margin-top: -8px;left: -20px;z-index: 10;}
#about #facility .thumbs_next{position: absolute;top:50%;margin-top: -8px;right: -20px;z-index: 10;}
#about #facility #slider_thumbs .slick-current img{opacity: 1;}

@media only screen and (max-width: 768px) {
#about #facility{padding: 30px 0;}
#about #facility #slider{margin-top: 20px;}
#about #facility .cap_on{position: absolute;bottom:10px;right:10px;font-size:12px;}

#about #facility .main_prev{left: 5px;z-index: 10;width: 22px;}
#about #facility .main_next{right: 5px;z-index: 10;width: 22px;}

#about #facility #slider_thumbs{width: 90%;margin: 20px auto 0;}
#about #facility .thumb{margin-right: 3px;background: #000;}
#about #facility .thumb img{opacity: 0.5;}
#about #facility .thumbs_prev{position: absolute;top:50%;margin-top: -8px;left: -15px;z-index: 10;}
#about #facility .thumbs_next{position: absolute;top:50%;margin-top: -8px;right: -15px;z-index: 10;}
}