@charset "utf-8";

/*---------- reset ----------*/
html{font-size:62.5%;height:100%;}
body{margin:0;padding:0;font-size:1.5rem;font-family:YakuHanJP,'Noto Sans CJK JP','Noto Sans JP',sans-serif,"游ゴシック","Yu Gothic",Yu Gothic,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック";line-height:1.5;color:#333;height:100%;position:relative;letter-spacing:0.1em;overflow-wrap:break-word;word-wrap:break-word;}
header,main,article,section,nav,footer{display:block;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-size:100%;}
textarea{font-family:YakuHanJP,'Noto Sans CJK JP','Noto Sans JP',sans-serif,"游ゴシック","Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック";}
input{font-family:YakuHanJP,'Noto Sans CJK JP','Noto Sans JP',sans-serif,"游ゴシック","Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック";line-height:1.5;color:#333;position:relative;letter-spacing:0.1em;overflow-wrap:break-word;word-wrap:break-word;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border: 0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
em{font-style:normal;font-weight:500;}
ol,ul{list-style: none;}
caption{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
input[type="button"],input[type="submit"],input[type="email"]{-webkit-appearance:none;border-radius:0;}
select::-ms-expand{display:none;}
body{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
*, *::before, *::after{box-sizing:border-box;}
.cf::after{content:"";clear:both;display:block;}
/*---------- reset end ----------*/

#wrapper{overflow:hidden;}
img{
	display:block;
	max-width:100%;
	width:100%;
	height:auto;
}
.none{display:none !important;}

#header_wrap{
	display:flex;
	align-items:center;
	justify-content:center;
	height:80px;
}
.logo{width:304px;}
#footer_wrap{padding:20px 0 30px;}
.f_logo{
	width:480px;
	margin:0 auto 7px;
}
.copyright{
	display:block;
	color:#1A1311;
	font-size:2rem;
	letter-spacing:-0.5px;
	text-align:center;
}

.content_area{
	max-width:1500px;
	margin:auto;
}
.page_middle, .page_bottom{position:relative;}
.list{
	position:absolute;
	left:435px;
}
.list.salon{top:215px;}
.list.housekeeping{top:460px;}
.list.nursing{top:710px;}
.item{
	padding-left:40px;
	margin-bottom:18px;
	background:url(/img/home-care/icon_sakura.svg) no-repeat top 10px left;
	color:#00368A;
	font-size:3.3rem;
	font-weight:bold;
	letter-spacing:0;
}
.link{
	color:#00368A !important;
	text-decoration:underline !important;
}
.link:hover{text-decoration:none !important;}
.box{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:205px;
	position:absolute;
	bottom:75px;
	left:0;
	width:100%;
}
.btn{
	width:322px;
	transition:opacity 0.3s;
}
.btn:hover{opacity:0.5;}


@media screen and (max-width:1500px){

.list{left:29%;}
.list.salon{top:17.7%;}
.list.housekeeping{top:38%;}
.list.nursing{top:58.5%;}
.item{
	padding-left:2.666svw;
	margin-bottom:2.8%;
	background-position:top 60% left;
	background-size:2.333svw;
	font-size:2.2svw;
}
.box{
	gap:14%;
	bottom:5%;
}
.btn{width:21.5%;}

}


@media screen and (min-width:768px) and (max-width:1024px){

#header_wrap{height:70px;}
.logo{width:259px;}
#footer_wrap{padding-bottom:25px;}
.f_logo{
	width:345px;
	margin-bottom:10px;
}
.copyright{font-size:1.5rem;}

}


@media screen and (max-width:767px){

#header_wrap{height:50px;}
.logo{width:216px;}
#footer_wrap{padding-bottom:20px;}
.f_logo{
	width:216px;
	margin-bottom:12px;
}
.copyright{font-size:1.1rem;}

}