@charset "utf-8";
@charset "utf-8";
@charset "UTF-8";

 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 {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
font-weight: normal;
}
body {
line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
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;
font-size:100%;
vertical-align:baseline;
background:transparent;
} ins {
background-color:#ff9;
color:#000;
text-decoration:none;
} mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
} hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
ul,ol,li{
list-style-type: none;
}
input[type="submit"],
input[type="button"] {
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

*{
font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-size:16px;
line-height: 24px;
font-weight: 400;
color:#2b2b2b;
} a[href^="tel:"] {
pointer-events: none;
}
body{
background-color: #FFF;
-webkit-text-size-adjust: 100%;
}
img{
pointer-events: none;
}
#wrap{
width:100%;
overflow: hidden;
}
main{
width:100%;
}
#header{
position: fixed;
width: 100%;
height: 100px;
z-index: 100;
}
#header h1{
position: absolute;
top:30px;
left: 30px;
z-index: 2;
background: url(//lifelike-care.com/renew26/wp/wp-content/themes/Fastpage/images/logo.webp) no-repeat;
background-size: 300px 60px;
width: 300px;
height: 60px;
text-indent: -9999px; overflow: hidden;
}
#header h1 a{
display: block;
height: 100%;
} .head_txt{
position: absolute;
top:30px;
left: 30px;
z-index: 2;
background: url(//lifelike-care.com/renew26/wp/wp-content/themes/Fastpage/images/logo.webp) no-repeat;
background-size: 300px 60px;
width: 300px;
height: 60px;
text-indent: -9999px; overflow: hidden;
}
.head_txt a{
display: block;
height: 100%;
} #menu{
position: absolute;
top:30px;
right:175px;
}
#btn_menu{
display: none;
}
#menu_area{
display: block;
}
#menu_area nav ul{
display: flex;
background-color: #FFF;
border-radius: 10px;
padding: 0 10px 0;
}
#menu_area nav ul li{
position: relative;
padding:0 0px 0 0;
height: 58px;
white-space: nowrap;
}
#menu_area nav ul li:first-child,
#menu_area nav ul li:last-child{
padding:0 0px 0 0px;
}
#menu_area nav ul li a{
display: block;
margin-top: 9px;
font-size:15px;
padding: 0 1.7em 0;
line-height: 40px;
text-decoration: none;
color: #333333;
font-weight: 700;
}
#menu_area nav ul li a:hover{
background-color: #E9F8EE;
}
.sp_menu{
display: none;
}
.navi{
position: absolute;
top:30px;
right: 30px;
width: 130px;
background-color: #FF8C6B;
border-radius: 10px;
}
.navi a{
display: block;
font-size: 16px;
line-height: 60px;
color: #FFFFFF;
font-weight: 700;
text-decoration: none;
text-align: center;
}
.navi a:hover{
background-color: #F0714F;
border-radius: 10px;
} footer{
clear: both;
}
#footer{
background-color: #008000;
width: 100%;
overflow: auto;
}
#site_data{
position: relative;
width: calc(100% - 60px);
margin:60px auto 0;
padding:0 0 30px;
border-bottom: 1px solid #FFFFFF;
}
#site_data h3{
display: block;
margin: 0 auto 0;
font-size: 24px;
line-height: 29px;
font-weight: 700;
color: #FFF;
}
#site_data .address{
margin:15px 0 5px;
font-size:16px;
line-height: 19px;
color: #FFF;
}
.site_data_tel a{
display: block;
font-size: 35px;
line-height: 42px;
color: #FFF;
text-decoration: none;
}
#site_data ul{
margin: 30px auto 0;
}
#site_data ul li{
margin:0 0 0.5em ;
font-size:16px ;
line-height: 19px;
color: #FFF;
}
#site_data ul li:last-child{
margin:0 0 0;
}
.sns_icon{
margin: 0!important;
position: absolute;
top: 0;
right: 0;
display: flex;
gap:15px;
}
.sns_icon li{
width: 50px;
}
.sns_icon li a{
display: block;
}
.sns_icon li img{
width: 100%;
}
#site_data02{
width: calc(100% - 60px);
margin:20px auto 40px;
}
#site_data02 ul{
display: flex;
gap:2em;
width: 100%;
}
#site_data02 ul li{
position: relative;
}
#site_data02 ul li a{
text-decoration: none;
font-size:15px;
line-height: 17px;
color: #FFF;
}
#site_data02 ul li::after {
content: "";
position: absolute;
bottom: -5px;
left:50%;
transform:translateX(-50%);
-webkit- transform:translateX(-50%);
background-color: #FFF;
width: 0; height: 2px;
transition: width 0.3s ease; }
#site_data02 ul li:hover::after {
width: calc(100% - 0.2rem); }
#site_data02 p{
margin-top: 30px;
font-size:14px;
line-height: 17px;
color: #FFF;
}
small{
clear: both;
display: block;
background-color: #008000;
width: 100%;
height: auto;
padding-bottom: 35px;
color:#FFF;
font-size:14px;
line-height: 17px;
text-align: center;
}
#pagetop{
position: fixed;
right:10px;
bottom:10px;
width: 50px;
height: 50px;
cursor: pointer;
}
#pagetop img{
width: 100%;
}
#pankuzu{
position: relative;
background-color: #FFF;
width: 100%;
height: 42px;
}
#pankuzu ul{
display: flex;
position: absolute;
bottom:15px;
left:50px;
}
#pankuzu ul li{
padding:0 2.5em 0 0;
color:#333333;
font-size:16px;
line-height: 14px;
}
#pankuzu ul li:first-child::before{
content: "";
position: absolute;
top:50%;
left: -28px;
transform:translateY(-50%);
background:url(//lifelike-care.com/renew26/wp/wp-content/themes/Fastpage/images/icon_home.svg) no-repeat;
background-size: cover;
width: 18px;
height: 18px;
}
#pankuzu ul li a{
display: block;
position: relative;
color:#333333;
font-size:16px;
line-height: 14px;
text-decoration: none;
}
#pankuzu ul li a:hover{
text-decoration:underline;
}
#pankuzu ul li a::after{
content: "";
position: absolute;
top:4px;
right:-23px;
background:url(//lifelike-care.com/renew26/wp/wp-content/themes/Fastpage/images/icon_arrow_b.webp) no-repeat;
background-size: cover;
width: 6px;
height: 7px;
} #enquiry{
width: 100%;
padding: 100px 0 100px;
background-color: #FFF;
}
.cont_enquiry{
width: 1024px;
margin: 0 auto;
}
.cont_enquiry h3{
position: relative;
font-size: 32px;
line-height: 1em;
color: #2F7A5B;
font-weight: 700;
text-align: center;
}
.cont_enquiry h3::before{
position: absolute;
bottom: -17px;
left: 50%;
transform:translateX(-50%);
content: '';
width: 60px;
height: 2px;
background-color: #2F7A5B;
}
.cont_enquiry p{
margin-top: 45px;
font-size: 16px;
line-height: 1.5em;
color: #333333;
text-align: center;
}
.enquiry_box{
display: flex;
gap: 20px;
width: 904px;
margin: 60px 0 0px;
padding: 60px 60px 60px;
background-color: #F7F7F7;
border: 1px solid #E5E5E5;
}
.enquiry_box p{
width: 353px;
margin-top: 10px;
font-size: 14px;
line-height: 1.5em;
color: #666666;
text-align: left;
}
.enquiry_btn{
width: 256px;
height: 90px;
background-color: #FF8C6B;
}
.enquiry_btn a{
display: block;
font-size: 15px;
font-weight: 700;
line-height: 90px;
color: #FFF;
text-align: center;
text-decoration: none;
}
.enquiry_btn:hover{
background-color: #F0714F;
}
.enquiry_area{
display: flex;
gap:10px;
width: 100%;
margin-top: 15px;
}
.enquiry_area p{
margin-top: 0px;
font-size: 12px;
line-height: 1.5em;
color: #777777;
text-align: left;
white-space: nowrap;
}
.enquiry_area ul{
display: flex;
width: 100%;
}
.enquiry_area ul li{
padding: 0 0.5em 0;
border-right: 1px solid #777777;
font-size: 12px;
line-height: 1.5em;
color: #777777;
text-align: left;
white-space: nowrap;
}
.enquiry_area ul li:last-child{
padding: 0 0 0 0.5em;
border-right: 0px;
}
.enquiry_btn_recruit{
width: 532px;
height: 90px;
background-color: #FF8C6B;
}
.enquiry_btn_recruit a{
display: block;
font-size: 15px;
font-weight: 700;
line-height: 90px;
color: #FFF;
text-align: center;
text-decoration: none;
}
.enquiry_btn_recruit:hover{
background-color: #F0714F;
}
@media (max-width: 767px){
a[href^="tel:"] {
pointer-events:auto;
}
body{
background-color: #FFF;
-webkit-text-size-adjust: 100%;
overflow: auto;
}
img{
pointer-events:auto;
}
#wrap{
width:100%;
overflow: hidden;
}
main{
width:100%;
}
#header{
position: fixed;
width: 100%;
height: auto;
z-index: 1;
}
#header h1{
position: absolute;
top:15px;
left: 10px;
z-index: 2;
background: url(//lifelike-care.com/renew26/wp/wp-content/themes/Fastpage/images/logo_sp.webp) no-repeat;
background-size: cover;
width: 127px;
height: 48px;
text-indent: -9999px; overflow: hidden;
}
#header h1 a{
display: block;
height: 100%;
} .head_txt{
position: absolute;
top:15px;
left: 10px;
z-index: 2;
background: url(//lifelike-care.com/renew26/wp/wp-content/themes/Fastpage/images/logo_sp.webp) no-repeat;
background-size: cover;
width: 127px;
height: 48px;
text-indent: -9999px; overflow: hidden;
}
.head_txt a{
display: block;
height: 100%;
} #menu{
position: relative;
top:0px;
right:0px;
z-index: 110;
width: 100%;
height: 60px;
pointer-events: none;
}
#btn_menu{
display: block;
position: absolute;
top:17px;
right:105px;
width: 90px;
height: 48px;
padding:0px;
cursor: pointer;
z-index: 110;
pointer-events: auto;
}
#btn_menu img{
width: 90px;
height: 48px;
}
#btn_menu.open{
position: absolute;
top: 25px!important;
left: 20px;
z-index: 250;
width: 30px;
height: 30px;
}
#btn_menu.open img{
width: 30px;
height: 30px;
}
#menu_area{
display: none;
position: absolute;
top:0;
left:0;
background-color: rgba(94, 140, 118, 0.94);
width: 100vw;
height: 100vh;
pointer-events: auto;
}
#menu_area nav ul{
display: block;
margin:100px auto 0;
width: calc(100% - 20px);
background-color: transparent;
}
#menu_area nav ul li{
padding:0 0.5rem 0;
height: 58px;
}
#menu_area nav ul li a{
display: block;
color: #FFF;
font-size:20px;
line-height: 64px;
text-align: center;
font-weight: 700;
text-decoration: none;
}
#menu_area nav ul li:hover{
background-color:transparent;
}
#menu_area nav ul li:hover a{
color:#FFF;
}
.sp_menu{
display: block;
}
.navi{
position: absolute;
top:17px;
right: 10px;
z-index: 200;
width: 87px;
height: 50px;
background-color: #FF8C6B;
border-radius: 10px;
}
.navi a{
display: block;
font-size: 14px;
line-height: 50px;
color: #FFFFFF;
font-weight: 700;
text-decoration: none;
text-align: center;
}
.navi a:hover{
background-color: #F0714F;
border-radius: 10px;
} footer{
clear: both;
}
#footer{
background-color: #008000;
width: 100%;
overflow: auto;
}
#site_data{
position: relative;
width: calc(100% - 20px);
margin: 30px auto 0;
padding:0 0 30px;
border-bottom: 1px solid #FFFFFF;
overflow: auto;
}
.sns_icon{
position: static;
width: 100%;
margin: 0px auto 0!important;
display: flex;
gap:15px;
justify-content: center;
}
.sns_icon li{
width: 60px;
}
.sns_icon li a{
display: block;
}
.sns_icon li img{
width: 100%;
}
#site_data h3{
display: block;
margin: 30px auto 0;
font-size: 22px;
line-height: 29px;
font-weight: 700;
color: #FFF;
overflow: hidden;
}
#site_data .address{
margin:15px 0 10px;
font-size:16px;
line-height: 19px;
color: #FFF;
}
.site_data_tel a{
display: block;
font-size: 32px;
line-height: 38px;
color: #FFF;
text-decoration: none;
}
#site_data ul{
margin: 25px auto 0;
}
#site_data ul li{
margin:0 0 0.5em ;
font-size:14px ;
line-height: 17px;
color: #FFF;
}
#site_data ul li:last-child{
margin:0 0 0;
}
#site_data02{
width: calc(100% - 20px);
margin: 30px auto 50px;
}
#site_data02 ul{
display: flex;
gap:2em;
flex-wrap: wrap;
width: 100%;
}
#site_data02 ul li{
position: relative;
min-width: 160px;
}
#site_data02 ul li a{
display: block;
text-decoration: none;
font-size:15px;
line-height: 17px;
color: #FFF;
}
#site_data02 ul li::after {
content: "";
position: absolute;
bottom: -5px;
left:50%;
transform:translateX(-50%);
-webkit- transform:translateX(-50%);
background-color: #FFF;
width: 0; height: 2px;
transition: width 0.3s ease; }
#site_data02 ul li:hover::after {
width: calc(100% - 0.2rem); }
#site_data02 p{
margin-top: 50px;
font-size:14px;
line-height: 17px;
color: #FFF;
}
small{
clear: both;
display: block;
background-color: #008000;
width: 100%;
height: auto;
padding-bottom: 25px;
color:#FFF;
font-size:12px;
line-height: 17px;
text-align: center;
}
#pagetop{
display: none;
position: fixed;
right:10px;
bottom:10px;
width: 50px;
height: 50px;
}
#pagetop img{
width: 100%;
}
#pankuzu{
position: relative;
background-color: #FFF;
width: 100%;
height: 42px;
overflow-x: auto;
}
#pankuzu ul{
display: flex;
white-space: nowrap;
position: absolute;
bottom:15px;
left:40px;
}
#pankuzu ul li{
padding:0 2em 0 0;
color:#333333;
font-size:14px;
line-height: 14px;
}
#pankuzu ul li a{
display: block;
position: relative;
color:#333333;
font-size:14px;
line-height: 14px;
text-decoration: none;
}
#pankuzu ul li a:hover{
text-decoration:underline;
}
#pankuzu ul li a::after{
content: "";
position: absolute;
top:4px;
right:-17px;
background:url(//lifelike-care.com/renew26/wp/wp-content/themes/Fastpage/images/icon_arrow_b.webp) no-repeat;
background-size: cover;
width: 6px;
height: 7px;
} #enquiry{
width: 100%;
padding: 50px 0 50px;
background-color: #FFF;
}
.cont_enquiry{
width: calc(100% - 20px);
margin: 0 auto;
}
.cont_enquiry h3{
position: relative;
font-size: 22px;
line-height: 1em;
color: #2F7A5B;
font-weight: 700;
text-align: center;
}
.cont_enquiry h3::before{
position: absolute;
bottom: -10px;
left: 50%;
transform:translateX(-50%);
content: '';
width: 30px;
height: 2px;
background-color: #2F7A5B;
}
.cont_enquiry p{
margin-top: 35px;
font-size: 16px;
line-height: 1.5em;
color: #333333;
text-align: left;
}
.enquiry_box{
display: block;
gap: 0px;
width: 100%;
margin: 30px 0 0px;
padding: 15px 0px 15px;
background-color: #F7F7F7;
border: 1px solid #E5E5E5;
}
.enquiry_box p{
width: auto;
margin: 0px 0 20px;
padding: 0 15px 0;
font-size: 16px;
line-height: 1.5em;
color: #666666;
text-align: left;
}
.enquiry_btn{
width: calc(100% - 30px);
height: 60px;
margin: 10px auto 0;
background-color: #FF8C6B;
}
.enquiry_btn a{
display: block;
font-size: 14px;
font-weight: 700;
line-height: 60px;
color: #FFF;
text-align: center;
text-decoration: none;
}
.enquiry_btn:hover{
background-color: #F0714F;
}
.enquiry_area{
display: flex;
gap: 10px;
width: 100%;
margin-top: 10px;
}
.enquiry_area p{
margin-top: 0px;
font-size: 12px;
line-height: 1.5em;
color: #777777;
text-align: left;
white-space: nowrap;
}
.enquiry_area ul{
display: flex;
flex-wrap: wrap;
width: 100%;
}
.enquiry_area ul li{
padding: 0 0.5em 0;
border-right: 1px solid #777777;
font-size: 12px;
line-height: 1.5em;
color: #777777;
text-align: left;
white-space: nowrap;
}
.enquiry_area ul li:last-child{
padding: 0 0 0 0.5em;
border-right: 0px;
}
.enquiry_btn_recruit{
width: calc(100% - 30px);
height: 60px;
margin: 0 auto;
background-color: #FF8C6B;
}
.enquiry_btn_recruit a{
display: block;
font-size: 14px;
font-weight: 700;
line-height: 60px;
color: #FFF;
text-align: center;
text-decoration: none;
}
.enquiry_btn_recruit:hover{
background-color: #F0714F;
}
}
@media screen and (max-width: 767px) and (orientation:landscape){
}
 .btn{
position: relative;
background-color:#FF8C6B;
width: 508px;
height: 60px;
}
.btn a{
display: block;
color:#FFF;
width: 508px;
font-size:14px;
font-weight: 700;
line-height: 60px;
text-align: center;
text-decoration: none;
}
.btn:hover{
background-color:#F0714F;
}
.none_br{
display: none;
}
.br_sp{
display: none;
}
.br_pc{
display: block;
}
a[href^="tel:"] {
pointer-events: none;
} #keyview{
width: 100%;
min-height: 748px;
padding: 10px 0px 10px;
background-color: #F7FBF8;
overflow: hidden;
}
.key_cont{
background: url(//lifelike-care.com/renew26/wp/wp-content/themes/Fastpage/images/img_keyview_top.webp)no-repeat;
background-size: cover;
background-position: center center;
width: calc(100% - 20px);
height: 748px;
overflow: hidden;
margin: 0 auto;
border-radius: 10px;
}
.key_box{
width: 816px;
margin: 370px auto 0;
padding: 30px 0 30px;
border-radius: 10px;
background-color: rgb(255 255 255 / 85%);
}
.key_box h2{
background: url(//lifelike-care.com/renew26/wp/wp-content/themes/Fastpage/images/keyview_txt.webp) no-repeat;
background-size: 674px 34px;
width: 674px;
height: 34px;
margin: 0 auto;
text-indent: -9999px; overflow: hidden;
}
.key_box p{
margin: 30px 0 30px;
font-size: 16px;
line-height: 1.8em;
color: #4E4E4E;
text-align: center;
}
.key_btn{
display: flex;
width: 408px;
margin: 0 auto;
}
.key_btn_link{
position: relative;
width: 201px;
height: 62px;
border: 1px solid #7ED9A3;
background-color:#FFF;
margin-right: 2px;
}
.key_btn_link:nth-of-type(2){
margin-right: 0px;
}
.key_btn_link a{
display: block;
color:#333333;
width: 201px;
font-size:14px;
font-weight: 700;
line-height: 62px;
text-decoration: none;
text-align: center;
}
.key_btn_link:hover{
background-color:#E9F8EE;
} #cont_intro{
width: 100%;
padding: 100px 0 100px;
background-color: #FAF6F1;
overflow: hidden;
}
.intro_head{
width: 1200px;
margin: 0 auto;
}
.intro_head h3{
position: relative;
font-size: 32px;
line-height: 28px;
color: #4FAE77;
font-weight: 700;
}
.intro_head h3::before{
position: absolute;
bottom: -19px;
left: 0;
content: '';
width: 60px;
height: 2px;
background-color: #4FAE77;
}
.intro_head p{
margin-top: 45px;
font-size: 16px;
line-height: 1.5em;
color: #333333;
}
.intro_area{
width: 1200px;
margin: 60px auto 0;
}
.intro_area ul{
width: 100%;
display: flex;
gap:30px;
}
.intro_area ul li{
width: 380px;
height: 437px;
background-color: #FFF;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}
.intro_area ul li img{
width: 100%;
}
.intro_area li h4{
position: relative;
margin: 30px 0 0 55px;
font-size: 16px;
font-weight: 700;
line-height: 1em;
color: #222222;
}
.intro_area li:first-child h4::before{
position: absolute;
top: 50%;
left: -26px;
transform:translateY(-50%);
content: '';
background: url(//lifelike-care.com/renew26/wp/wp-content/themes/Fastpage/images/top_icon01.svg)no-repeat;
background-size: cover;
width: 14px;
height: 18px;
}
.intro_area li:nth-child(2) h4::before{
position: absolute;
top: 50%;
left: -26px;
transform:translateY(-50%);
content: '';
background: url(//lifelike-care.com/renew26/wp/wp-content/themes/Fastpage/images/top_icon02.svg)no-repeat;
background-size: cover;
width: 19px;
height: 18px;
}
.intro_area li:last-child h4::before{
position: absolute;
top: 50%;
left: -26px;
transform:translateY(-50%);
content: '';
background: url(//lifelike-care.com/renew26/wp/wp-content/themes/Fastpage/images/top_icon03.svg)no-repeat;
background-size: cover;
width: 18px;
height: 18px;
}
.intro_area li p{
padding: 15px 30px 50px;
font-size: 14px;
line-height: 1.5em;
color: #666666;
}
.intro_area p:nth-of-type(2){
margin: 1em 0 1em;
}
.intro_btn{
margin: 60px auto 0;
} #top_bg{
width: 100%;
height: 400px;
overflow: hidden;
}
#top_bg img{
width: 100%;
} #cont_work{
background-color: #F7FBF8;
width: 100%;
padding: 100px 0 100px;
overflow: hidden;
}
.work{
width: 1200px;
margin: 0 auto;
}
.work h3{
position: relative;
font-size: 32px;
line-height: 28px;
color: #6FA8DC;
font-weight: 700;
}
.work h3::before{
position: absolute;
bottom: -19px;
left: 0;
content: '';
width: 60px;
height: 2px;
background-color: #6FA8DC;
}
.work p{
margin-top: 45px;
font-size: 16px;
line-height: 1.5em;
color: #707070;
}
.work span{
font-size: 16px;
font-weight: 700;
line-height: 1.5em;
color: #2F7A5B;
}
.work ul{
display: flex;
gap:20px;
width: 100%;
margin-top: 60px;
}
.work ul li{
width: 225px;
height: 256px;
padding: 30px 30px 0;
background-color: #FFF;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}
.work ul li .work_img{
width: 60px;
margin: 0 auto;
}
.work ul li img{
width: 100%;
}
.work ul li h4{
margin: 35px 0 0;
font-size: 16px;
font-weight: 700;
line-height: 1em;
color: #333333;
text-align: center;
}
.work ul li p{
margin: 30px 0 0;
font-size: 14px;
font-weight: 400;
line-height: 1.5em;
color: #444444;
}
.work_btn{
margin: 60px auto 0;
} #cont_neighbor{
background-color: #FAF6F1;
width: 100%;
padding: 100px 0 100px;
overflow: hidden;
}
.neighbor_head{
position: relative;
width: 1200px;
margin: 0 auto;
}
.neighbor_head::after{
position: absolute;
top: 60px;
right: 0;
content: '';
background: url(//lifelike-care.com/renew26/wp/wp-content/themes/Fastpage/images/top_icon_bg.svg)no-repeat;
background-size: cover;
width: 511px;
height: 192px;
opacity: 0.5;
}
.neighbor_head h3{
position: relative;
font-size: 32px;
line-height: 28px;
color: #4FAE77;
font-weight: 700;
}
.neighbor_head h3::before{
position: absolute;
bottom: -19px;
left: 0;
content: '';
width: 60px;
height: 2px;
background-color: #4FAE77;
}
.neighbor_head p{
margin-top: 70px;
font-size: 16px;
line-height: 1.5em;
color: #333333;
}
#neighbor_area{
width: 1200px;
margin: 60px auto 0;
}
.neighbor_left{
position: relative;
width: 100%;
height: 405px;
margin-bottom: 60px;
}
.neighbor_left_img{
position: absolute;
top: 0;
left: 0;
width: 500px;
}
.neighbor_left_txt{
position: absolute;
top: 176px;
right: 0;
width: 772px;
height: 229px;
border-radius: 10px;
background-color: #FFF;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}
.neighbor_left_txt h4{
position: relative;
margin: 40px 0 0 102px;
font-size: 22px;
line-height: 1em;
color: #2F7A5B;
font-weight: 700;
}
.neighbor_left_txt p{
margin: 30px 30px 0 102px;
font-size: 16px;
line-height: 1.5em;
color: #333333;
}
.left_h4_first::before{
position: absolute;
top: 0;
left: -2em;
content: '01';
font-size: 36px;
color: #2F7A5B;
font-weight: 700;
}
.left_h4_second::before{
position: absolute;
top: 0;
left: -2em;
content: '03';
font-size: 36px;
color: #2F7A5B;
font-weight: 700;
}
.neighbor_right{
position: relative;
width: 100%;
height: 405px;
margin-bottom: 60px;
}
.neighbor_right_img{
position: absolute;
top: 0;
right: 0;
width: 500px;
}
.neighbor_right_txt{
position: absolute;
top: 176px;
left: 0;
width: 772px;
height: 229px;
border-radius: 10px;
background-color: #FFF;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}
.neighbor_right_txt h4{
position: relative;
margin: 40px 0 0 102px;
font-size: 22px;
line-height: 1em;
color: #2F7A5B;
font-weight: 700;
}
.neighbor_right_txt h4::before{
position: absolute;
top: 0;
left: -2em;
content: '02';
font-size: 36px;
color: #2F7A5B;
font-weight: 700;
}
.neighbor_right_txt p{
margin: 30px 30px 0 102px;
font-size: 16px;
line-height: 1.5em;
color: #333333;
}
#neighbor_area img{
width: 100%;
border-radius: 10px;
}
.neighbor_btn{
margin: 100px auto 0;
overflow: hidden;
} #cont_region{
background-color: #F7FBF8;
width: 100%;
padding: 100px 0 100px;
overflow: hidden;
}
.region{
width: 1200px;
margin: 0 auto;
}
.region h3{
position: relative;
font-size: 32px;
line-height: 28px;
color: #6FA8DC;
font-weight: 700;
}
.region h3::before{
position: absolute;
bottom: -19px;
left: 0;
content: '';
width: 60px;
height: 2px;
background-color: #6FA8DC;
}
.region p{
margin-top: 75px;
font-size: 16px;
line-height: 1.5em;
color: #333333;
}
.region ul{
width: 100%;
display: flex;
gap:30px;
margin-top: 60px;
}
.region ul li{
width: 380px;
height: 563px;
background-color: #FFF;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}
.region ul li img{
width: 100%;
}
.region ul li h4{
margin: 30px 30px 30px;
font-size: 16px;
font-weight: 700;
line-height: 1em;
color: #333333;
}
.region ul li p{
margin: 30px 30px 30px;
font-size: 14px;
font-weight: 400;
line-height: 1.5em;
color: #666666;
}
.region_btn{
width: 316px;
height: 56px;
margin: 0 auto;
border: 2px solid #98FB98;
background-color: #FFF;
}
.region_btn a{
display: block;
width: 316px;
font-size: 15px;
color: #2B2B2B;
line-height: 56px;
font-weight: 700;
text-decoration: none;
text-align: center;
}
.region_btn:hover{
background-color: #E9F8EE;
} #top_bg02{
width: 100%;
height: 400px;
overflow: hidden;
}
#top_bg02 img{
width: 100%;
} #news{
background-color: #F7FBF8;
width: 100%;
padding: 100px 0 100px;
overflow: hidden;
}
.cont_news{
width: 1024px;
margin: 0 auto 0;
}
.news_head{
position: relative;
width: 100%;
margin: 0 auto;
}
.news_head h3{
position: relative;
font-size: 32px;
line-height: 28px;
color: #6FA8DC;
font-weight: 700;
}
.news_head h3::before{
position: absolute;
bottom: -19px;
left: 0;
content: '';
width: 60px;
height: 2px;
background-color: #6FA8DC;
}
.news_head p{
margin-top: 75px;
font-size: 16px;
line-height: 1.5em;
color: #333333;
}
.news_btn{
overflow: hidden;
margin: 60px auto 0;
}
#news ol{
width: 100%;
margin-top: 40px;
}
#news ol li{
position: relative;
border-bottom:1px solid #666666;
}
#news ol li:first-child{
border-top:1px solid #666666;
}
#news ol li a{
display: flex;
align-items: center;
text-decoration: none;
padding: 15px 0 15px;
}
#news ol li a p:hover{
color: #E97855;
}
#news ol li .category{
padding: 0 10px;
color:#FFF;
min-width: 128px;
height:40px;
line-height:40px;
text-align: center;
}
.category_news{
background-color:#6FA8DC;
}
.category_column{
background-color:#4F8F6F;
}
.category_blog{
background-color:#8BBF9F;
}
.category_interview{
background-color:#E59A7A;
}
#news ol li time{
margin: 0 30px 0;
font-size: 16px;
line-height: 1em;
color: #333333;
} @media (max-width: 767px){
.btn{
position: relative;
background-color:#FF8C6B;
width: 100%;
height: 48px;
}
.btn a{
display: block;
color:#FFF;
width: 100%;
font-size:14px;
font-weight: 400;
line-height: 48px;
text-align: center;
text-decoration: none;
}
.btn:hover{
background-color:#F0714F;
}
.none_br{
display: block;
}
.br_sp{
display: block;
}
.br_pc{
display: none;
}
a[href^="tel:"] {
pointer-events:auto;
} #keyview{
width: 100%;
min-height: auto;
padding: 5px 0px 5px;
background-color: #F7FBF8;
overflow: hidden;
}
.key_cont{
background: url(//lifelike-care.com/renew26/wp/wp-content/themes/Fastpage/images/img_keyview_top_sp.webp)no-repeat;
background-size: cover;
background-position: center center;
width: auto;
height: 100vh;
min-height: auto;
overflow: hidden;
margin: 0px auto;
}
.key_box{
width: calc(100% - 40px);
margin: 280px auto 0;
padding: 25px 0 25px;
border-radius: 10px;
background-color: rgb(255 255 255 / 85%);
}
.key_box h2{
background: url(//lifelike-care.com/renew26/wp/wp-content/themes/Fastpage/images/keyview_txt_sp.webp) no-repeat;
background-size: 288px 63px;
width: 288px;
height: 63px;
margin: 0 auto;
text-indent: -9999px; overflow: hidden;
}
.key_box p{
margin: 20px 0 20px;
font-size: 13px;
line-height: 1.5em;
color: #4E4E4E;
text-align: center;
}
.key_btn{
display: flex;
width: 306px;
margin: 0 auto;
}
.key_btn_link{
position: relative;
width: 150px;
height: 50px;
border: 1px solid #7ED9A3;
background-color:#FFF;
margin-right: 2px;
}
.key_btn_link:nth-of-type(2){
margin-right: 0px;
}
.key_btn_link a{
display: block;
color:#333333;
width: 150px;
font-size:14px;
font-weight: 700;
line-height: 50px;
text-decoration: none;
text-align: center;
}
.key_btn_link:hover{
background-color:#E9F8EE;
} #cont_intro{
width: 100%;
padding: 50px 0 60px;
background-color: #FAF6F1;
overflow: hidden;
}
.intro_head{
width: calc(100% - 20px);
margin: 0 auto;
}
.intro_head h3{
position: relative;
font-size: 22px;
line-height: 28px;
color: #4FAE77;
font-weight: 700;
}
.intro_head h3::before{
position: absolute;
bottom: -10px;
left: 0;
content: '';
width: 30px;
height: 2px;
background-color: #4FAE77;
}
.intro_head p{
margin-top: 35px;
font-size: 16px;
line-height: 1.5em;
color: #333333;
}
.intro_area{
width: calc(100% - 20px);
margin: 40px auto 0;
}
.intro_area ul{
width: 100%;
display: block;
gap:0px;
}
.intro_area ul li{
width: 100%;
height: auto;
margin-bottom: 15px;
background-color: #FFF;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}
.intro_area ul li img{
width: 100%;
}
.intro_area li h4{
position: relative;
margin: 15px 0 0 40px;
font-size: 16px;
font-weight: 700;
line-height: 1em;
color: #222222;
}
.intro_area li:first-child h4::before{
position: absolute;
top: 50%;
left: -25px;
transform:translateY(-50%);
content: '';
background: url(//lifelike-care.com/renew26/wp/wp-content/themes/Fastpage/images/top_icon01.svg)no-repeat;
background-size: cover;
width: 14px;
height: 18px;
}
.intro_area li:nth-child(2) h4::before{
position: absolute;
top: 50%;
left: -25px;
transform:translateY(-50%);
content: '';
background: url(//lifelike-care.com/renew26/wp/wp-content/themes/Fastpage/images/top_icon02.svg)no-repeat;
background-size: cover;
width: 19px;
height: 18px;
}
.intro_area li:last-child h4::before{
position: absolute;
top: 50%;
left: -25px;
transform:translateY(-50%);
content: '';
background: url(//lifelike-care.com/renew26/wp/wp-content/themes/Fastpage/images/top_icon03.svg)no-repeat;
background-size: cover;
width: 18px;
height: 18px;
}
.intro_area li p{
padding: 15px 15px 20px;
font-size: 14px;
line-height: 1.5em;
color: #666666;
}
.intro_area p:nth-of-type(2){
margin: 1em 0 1em;
}
.intro_btn{
margin: 30px auto 0;
} #top_bg{
position: relative;
width: 100%;
height: 400px;
overflow: hidden;
}
#top_bg img{
position: absolute;
left: 70%;
transform:translateX(-70%);
width: auto;
height: 100%;
} #cont_work{
background-color: #F7FBF8;
width: 100%;
padding: 50px 0 50px;
overflow: hidden;
}
.work{
width: calc(100% - 20px);
margin: 0 auto;
}
.work h3{
position: relative;
font-size: 22px;
line-height: 28px;
color: #6FA8DC;
font-weight: 700;
}
.work h3::before{
position: absolute;
bottom: -10px;
left: 0;
content: '';
width: 30px;
height: 2px;
background-color: #6FA8DC;
}
.work p{
margin-top: 35px;
font-size: 17px;
line-height: 1.5em;
color: #707070;
}
.work span{
font-size: 17px;
font-weight: 700;
line-height: 1.5em;
color: #2F7A5B;
}
.work ul{
display: flex;
gap:10px;
flex-wrap: wrap;
width: 100%;
margin-top: 30px;
}
.work ul li{
width: 142px;
height: auto;
margin: 0 auto;
padding: 15px 15px 15px;
background-color: #FFF;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}
.work ul li .work_img{
width: 60px;
height: 60px;
margin: 0 auto;
}
.work ul li img{
width: 100%;
}
.work ul li h4{
margin: 20px 0 0;
font-size: 15px;
font-weight: 700;
line-height: 1em;
color: #333333;
text-align: center;
}
.work ul li p{
margin: 15px 0 0;
font-size: 14px;
font-weight: 400;
line-height: 1.5em;
color: #444444;
}
.work_btn{
margin: 30px auto 0;
} #cont_neighbor{
background-color: #FAF6F1;
width: 100%;
padding: 50px 0 50px;
overflow: hidden;
}
.neighbor_head{
position: relative;
width: calc(100% - 20px);
margin: 0 auto;
}
.neighbor_head::after{
display: none;
}
.neighbor_head h3{
position: relative;
font-size: 22px;
line-height: 28px;
color: #4FAE77;
font-weight: 700;
}
.neighbor_head h3::before{
position: absolute;
bottom: -10px;
left: 0;
content: '';
width: 30px;
height: 2px;
background-color: #4FAE77;
}
.neighbor_head p{
margin-top: 35px;
font-size: 17px;
line-height: 1.5em;
color: #333333;
}
#neighbor_area{
width: calc(100% - 20px);
margin: 30px auto 0;
}
.neighbor_left{
position: static;
width: 100%;
height: auto;
margin-bottom: 15px;
}
.neighbor_left_img{
position: static;
top: 0;
left: 0;
width: 100%;
}
.neighbor_left_txt{
position: static;
top: 0;
right: 0;
z-index: 3;
width: 100%;
height: auto;
padding: 40px 0 30px;
margin: -10px 0 0;
border-radius: 0px 0px 10px 10px;
background-color: #FFF;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}
.neighbor_left_txt h4{
position: relative;
margin: 0px 0 0 70px;
font-size: 18px;
line-height: 1em;
color: #2F7A5B;
font-weight: 700;
}
.neighbor_left_txt p{
margin: 15px 10px 0 10px;
font-size: 16px;
line-height: 1.5em;
color: #333333;
}
.left_h4_first::before{
position: absolute;
top: 0;
left: -1.6em;
content: '01';
font-size: 34px;
color: #2F7A5B;
font-weight: 700;
}
.left_h4_second::before{
position: absolute;
top: 0;
left: -1.6em;
content: '03';
font-size: 36px;
color: #2F7A5B;
font-weight: 700;
}
.neighbor_right{
position: relative;
width: 100%;
height: auto;
margin-bottom: 15px;
}
.neighbor_right_img{
position: static;
top: 0;
right: 0;
width: 100%;
}
.neighbor_right_txt{
position: static;
top: 0;
left: 0;
width: 100%;
height: auto;
padding: 40px 0 30px;
margin: -10px 0 0;
border-radius: 0px 0px 10px 10px;
border-radius: 0 0 10px 10px;
background-color: #FFF;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}
.neighbor_right_txt h4{
position: relative;
margin: 0px 0 0 70px;
font-size: 22px;
line-height: 1em;
color: #2F7A5B;
font-weight: 700;
}
.neighbor_right_txt h4::before{
position: absolute;
top: 50%;
left: -1.6em;
transform:translateY(-50%);
content: '02';
font-size: 34px;
color: #2F7A5B;
font-weight: 700;
}
.neighbor_right_txt p{
margin: 15px 10px 0 10px;
font-size: 16px;
line-height: 1.5em;
color: #333333;
}
#neighbor_area img{
width: 100%;
border-radius: 10px 10px 0 0;
}
.neighbor_btn{
margin: 50px auto 0;
overflow: hidden;
} #cont_region{
background-color: #F7FBF8;
width: 100%;
padding: 50px 0 50px;
overflow: hidden;
}
.region{
width: calc(100% - 20px);
margin: 0 auto;
}
.region h3{
position: relative;
font-size: 22px;
line-height: 28px;
color: #6FA8DC;
font-weight: 700;
}
.region h3::before{
position: absolute;
bottom: -10px;
left: 0;
content: '';
width: 30px;
height: 2px;
background-color: #6FA8DC;
}
.region p{
margin-top: 35px;
font-size: 16px;
line-height: 1.5em;
color: #333333;
}
.region ul{
width: 100%;
display: block;
gap:0px;
margin-top: 40px;
}
.region ul li{
width: 100%;
height: auto;
margin-bottom: 10px;
padding-bottom: 15px;
background-color: #FFF;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}
.region ul li:last-child{
margin-bottom: 0px;
}
.region ul li img{
width: 100%;
}
.region ul li h4{
margin: 15px 15px 15px;
font-size: 16px;
font-weight: 700;
line-height: 1em;
color: #333333;
}
.region ul li p{
margin: 0px 15px 30px;
font-size: 14px;
font-weight: 400;
line-height: 1.5em;
color: #666666;
}
.region_btn{
width: calc(100% - 20px);
height: 44px;
margin: 0 auto;
border: 2px solid #98FB98;
background-color: #FFF;
}
.region_btn a{
display: block;
width: 100%;
font-size: 13px;
color: #2B2B2B;
line-height: 44px;
font-weight: 700;
text-decoration: none;
text-align: center;
}
.region_btn:hover{
background-color: #E9F8EE;
} #top_bg02{
position: relative;
width: 100%;
height: 400px;
overflow: hidden;
}
#top_bg02 img{
position: absolute;
left: 40%;
transform:translateX(-40%);
width: auto;
height: 100%;
} #news{
background-color: #F7FBF8;
width: 100%;
padding: 50px 0 50px;
overflow: hidden;
}
.cont_news{
width: calc(100% - 20px);
margin: 0 auto 0;
}
.news_head{
position: relative;
width: 100%;
margin: 0 auto;
}
.news_head h3{
position: relative;
font-size: 22px;
line-height: 28px;
color: #6FA8DC;
font-weight: 700;
}
.news_head h3::before{
position: absolute;
bottom: -10px;
right: 0;
content: '';
width: 30px;
height: 2px;
background-color: #6FA8DC;
}
.news_head p{
margin-top: 35px;
font-size: 16px;
line-height: 1.5em;
color: #333333;
}
.news_btn{
overflow: hidden;
margin: 30px auto 0;
}
#news ol{
width: 100%;
margin-top: 40px;
}
#news ol li{
position: relative;
border-bottom:1px solid #666666;
}
#news ol li:first-child{
border-top:1px solid #666666;
}
#news ol li a{
display: block;
align-items: center;
text-decoration: none;
padding: 15px 0 15px;
}
#news ol li a p{
margin-top: 10px;
}
#news ol li a p:hover{
color: #E97855;
}
#news ol li .category{
display: inline-block;
padding: 0 10px;
width: 100px;
min-width: 100px;
height:30px;
color:#FFF;
line-height:30px;
text-align: center;
}
.category_news{
background-color:#6FA8DC;
}
.category_column{
background-color:#4F8F6F;
}
.category_blog{
background-color:#8BBF9F;
}
.category_interview{
background-color:#E59A7A;
}
#news ol li time{
margin: 0 30px 0;
font-size: 16px;
line-height: 1em;
color: #333333;
}
}
@media (max-width: 767px) and (orientation:landscape){ #keyview{
width: 100%;
min-height: auto;
background-color: #F7FBF8;
overflow: hidden;
}
.key_cont{
background: url(//lifelike-care.com/renew26/wp/wp-content/themes/Fastpage/images/img_keyview_top_sp.webp)no-repeat;
background-size: cover;
width: auto;
height: 140svh;
min-height: auto;
overflow: hidden;
margin: 0px auto;
}
.key_box{
width: calc(100% - 40px);
margin: 150px auto 0;
padding: 25px 0 25px;
border-radius: 10px;
background-color: rgb(255 255 255 / 85%);
}
.key_box h2{
background: url(//lifelike-care.com/renew26/wp/wp-content/themes/Fastpage/images/keyview_txt_sp.webp) no-repeat;
background-size: 288px 63px;
width: 288px;
height: 63px;
margin: 0 auto;
text-indent: -9999px; overflow: hidden;
}
.key_box p{
margin: 20px 0 20px;
font-size: 13px;
line-height: 1.5em;
color: #4E4E4E;
text-align: center;
}
.key_btn{
display: flex;
width: 306px;
margin: 0 auto;
}
.key_btn_link{
position: relative;
width: 150px;
height: 50px;
border: 1px solid #7ED9A3;
background-color:#FFF;
margin-right: 2px;
}
.key_btn_link:nth-of-type(2){
margin-right: 0px;
}
.key_btn_link a{
display: block;
color:#333333;
width: 150px;
font-size:14px;
font-weight: 700;
line-height: 50px;
text-decoration: none;
text-align: center;
}
.key_btn_link:hover{
background-color:#E9F8EE;
}
.work ul li{
width: 125px;
height: auto;
margin: 0 auto;
padding: 15px 10px 0;
background-color: #FFF;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}
}