@charset "utf-8";

/* [Font notosansjapanese]=================================== */
/*
https://irec.jp/web-create/the-weight-of-the-font/
*/
/*
@font-face {
	font-family: Jun 501, 'GENJ';
	font-style: normal;
	font-weight: 100;
	src: url('../fonts/GenJyuuGothic-ExtraLight.eot');
	src: url('../fonts/GenJyuuGothic-ExtraLight.eot?#iefix') format('embedded-opentype'),
	url('../fonts/GenJyuuGothic-ExtraLight.ttf') format('truetype'),
	url('../fonts/GenJyuuGothic-ExtraLight.woff') format('woff');
	font-display: swap;
}
@font-face {
    font-family: 'GENJ';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/GenJyuuGothic-Light.eot');
    src: url('../fonts/GenJyuuGothic-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/GenJyuuGothic-Light.ttf') format('truetype'),
    url('../fonts/GenJyuuGothic-Light.woff') format('woff');
	font-display: swap;
}
@font-face {
	font-family: 'GENJ';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/GenJyuuGothic-Medium.eot');
	src: url('../fonts/GenJyuuGothic-Medium.eot?#iefix') format('embedded-opentype'),
	url('../fonts/GenJyuuGothic-Medium.ttf') format('truetype'),
	url('../fonts/GenJyuuGothic-Medium.woff') format('woff');
	font-display: swap;
}
@font-face {
	font-family: 'GENJ';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/GenJyuuGothic-Bold.eot');
	src: url('../fonts/GenJyuuGothic-Bold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/GenJyuuGothic-Bold.ttf') format('truetype'),
	url('../fonts/GenJyuuGothic-Bold.woff') format('woff');
	font-display: swap;
}
*/
/*
@import url(https://use.fontawesome.com/releases/v5.0.9/css/all.css);
@import url(https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c);
*/
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);


html { font-size: 62.5%; }
body {
/*	font-family: a-otf-jun-pro, sans-serif; */
/*	font-family: GENJ; */
	font-family: "Jun 201", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 400;
	line-height: 180%;
    font-style: normal;
    font-variant: normal;
	text-rendering: auto;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
}
#mainimageBox .mainimageUl li div span, 
#mainimageBox h2 span, 
#headerBox, #footerBox, 
h1, h2, h3, h4, 
.telBox, 
.titleDt, 
#policyBox dt, #policyBox .numberOl li, 
strong {
	font-family: "Jun 501", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#backToTopBtnBox a::before, 
h4::before, 
#bannerBox li a::before, 
#bannerBox li a::after, 
.wfAwesome {
	font-family: 'FontAwesome';
    font-style: normal;
    font-variant: normal;
	text-rendering: auto;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
}


#bannerBox li a {
	position: relative;
	padding-left: 4rem;
	font-size: 1.2rem;
}
	#bannerBox li a::before {
		position: absolute;
		top: 0.4em;
		left: 0.25em;
		font-size: 3.2rem;
	}
	h4::before { content: '\f192'; color: rgba(53, 120, 76, 1); margin-right: 0.5em; }
	#bannerBox li.facebook a::before { content: '\f082'; color: rgba(66, 103, 178, 1); }
	#bannerBox li.instagram a::before { content: '\f16d'; color: rgba(178, 66, 137, 1); }
	#bannerBox li.higashikucarenetwork a { padding-left: 50px; }
	#bannerBox li.higashikucarenetwork a::before {
		top: 7px;
		content: url(../img/common/icon_carenetwork.png);
		color: rgba(72, 170, 1, 1);
	}
	#bannerBox li.blog a { padding-left: 45px; }
	#bannerBox li.blog a::before {
		top: 2px;
		content: url(../img/common/icon_blog.png);
		color: rgba(136, 85, 41, 1);
	}
	#bannerBox li a::after {
		content: '';
		margin-left: 0.2em;
		width: 1.2rem;
		height: 1.2rem;
		background-repeat: no-repeat;
		background-size: contain;
	}
	#backToTopBtnBox a::before {
		content: '\f062';
		text-indent: 0;
		color: rgba(255, 255, 255, 1);
		width: 100%;
		text-align: center;
		position: absolute;
		top: 10px;
		left: 0;
		transition: 0.3s;
	}
	#backToTopBtnBox a:hover::before { top: 0; }
	#bannerBox li.facebook a::after { background-image: url(../img/home/arrow_facebook.png); }
	#bannerBox li.instagram a::after { background-image: url(../img/home/arrow_instagram.png); }
	#bannerBox li.higashikucarenetwork a::after { background-image: url(../img/home/arrow_site.png); }
	#bannerBox li.blog a::after { background-image: url(../img/home/arrow_blog.png); }