/******---共通目次---*****/
/* CSS Document */
/* メルルの赤色 #e70012 */
body{
	color: #333;
	font: 16px/1.231 "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	line-height:1.8;
	letter-spacing:1px;
}

/*box-sizeing*/
header, #gNav, #gNavLi > li > .fade, #gNavLi .subNavLi, #language, #languageLi > li > .fade, #languageLi .subNavLi, .wrap, table, th, td {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
A:link {COLOR: #000000; TEXT-DECORATION: none}
A:visited {COLOR: #000000; TEXT-DECORATION: none}
A:hover {COLOR: #000000; TEXT-DECORATION: none}
A:active {COLOR: #000000; TEXT-DECORATION: none}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}
ul {
	list-style-type: none;
}
div {
	max-height: 999999px;
	-webkit-text-size-adjust: 100%;
}
@media (min-width: 480px) {
	a[href^="tel:"] {
	    pointer-events: none;
	}
}
@media (max-width: 768px) {
	body {
		font-size:14px;
	}
}
@media (max-width: 480px) {
	body {
		letter-spacing:0.1px;
	}
}
@media (max-width: 320px) {
	body {
		font-size:12px;
	}
}
/* =========================================================
■ header ヘッダー部分
========================================================= */
header {
	width:100%;
	position:fixed;
	top:0;
	z-index:5000;
	background: #e70012;
	height:80px;
}
#menu {
	width:100%;
	margin:0 auto;
	padding-left:10px;
	box-sizing:border-box;
}
#menu .menu_top {
	width:100%;
	max-width:1100px;
	margin:0 auto;
	color:#fff;
	line-height:80px;
	font-size:20px;
}

#menu .menu_top img.logo{
	float:left;
	margin-right:10px;
	width:80px;

}
@media (max-width: 480px) {
	header {
		height:60px;
	}
	#menu .menu_top {
		line-height:60px;

	}
	#menu .menu_top img.logo{
		width:57px;
	}
}
/* =========================================================
■ スマホメニューheader_logo_sp共通
========================================================= */
.header_logo_sp {
	float:left;
	margin-top:0;
	color:#fff;
	line-height:80px;
	font-size:20px;
}

.header_logo_sp img {
	width:80px;
	float:left;
	margin-right:10px;
}

.d_no {
	display:none!important;
}
.lock {
	overflow:hidden;
}
.modal-content {
	position:relative;
	display:none;
	width:100%;
	margin:0;
	padding:0;
	background:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.modal-content p {
	margin:0;
	padding:0;
}
.modal-overlay {
	z-index:1;
	display:none;
	/*position:fixed;*/
	top:0;
	left:0;
	width:100%;
	height:120%;
	background:#F2F2F2;
}
.modal-wrap {
	z-index:5000;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:auto;
	background:#F2F2F2;
}
.modal-open {
	display:block;
	width:70px;
	height:70px;
	float:right;
	margin:10px 0 0;
}
.modal-open img {
	max-width:100%;
}
header.smaller .modal-open {
	margin:10px 10px 0 0;
	transition: 0.4s;
}
.modal-open:hover {
	cursor:pointer;
	color:#fff;
}
.modal-close {
	color:#000;
	text-align: right;
}
.modal-close:hover {
	cursor:pointer;
	color:#fff;
}
.close_top{
	text-align: right;
	width:100%;
	height:80px;
	margin:0 auto;
	background:#e70012;
}
.close_top2 {
	width:100%;
	max-width:1100px;
	margin:0 auto;
	box-sizing:border-box;
	padding-left:10px;
}
.close_top .modal-close{
	display:block;
	height:60px;
	width:60px;
	box-sizing:border-box;
	margin:17px 25px 0 0;
	z-index:5000;
	background:none;
	display:block;
	float:right;
	text-align:center;
}
.menu_contents {
	width:100%;
	background:none;
	margin:0 auto;
}
.menu_contents02 {
	width:100%;
	margin:0 auto;
	background: #F2F2F2;
	padding-bottom:30px;
}
.menu_list {
	width:100%;
	margin:0 auto;
}
.menu_list li {
	float:none;
	text-align:center;
	border-bottom:1px solid #ccc;
	border-top:1px solid #fff;
}
.menu_list li a {
	display:block;
	width:100%;
	padding:20px 0 23px;
	font-size:16px;
}
.menu_list li a.select {
	background:#fff;
}


@media (max-width: 480px) {
	.header_logo_sp {
		line-height:60px;
	}
	.header_logo_sp img.logo{
		width:60px;
		padding-left:20px;
	}
	.close_top {
		height:60px;
	}
	.close_top .modal-close {
		width:50px;
		height:50px;
		margin-top:8px;
	}
	.modal-open {
		width:60px;
		height:60px;
		margin:0;
	}
	.header_logo_sp img {
		width:57px;
	}
}
/* =========================================================
■ 本文
========================================================= */
#container{
	width:100%;
	margin:100px auto 0;
}
#container .content{
	width:96%;
	max-width:780px;
	margin:0 auto;
	padding-top:50px;
}
@media (max-width: 480px) {
	#container .content {
		padding-top:30px;
	}
	#container {
		margin:60px auto 0;
	}
}
/* =========================================================
■ タイトル
========================================================= */
/**----------h1----------**/
h1 {
	position: absolute;
	text-align:center;
	width:100%;
	height:20px;
	top:-20px;
	font-size:13px;
	line-height:1.0em;
	color:#000;
}
/**----------タイトル背景----------**/
.ttl_wrap {
	width:96%;
	max-width:780px;
	margin:0 auto 70px;
	overflow:hidden;
	background:none;
}
.ttl_bg {
	width:100%;
	margin:0;
	background:#ccc;
	overflow:hidden;
}
.ttl_img {
	text-align:center;
	width:100%;
	height:345px;
	box-sizing:border-box;
	padding:90px 0 0;
}
.ttl_bgimg00 {
	background:url(../item/t_top.png) no-repeat;
	background-size:cover;
	background-position:center;
}
.ttl_bgimg01 {
	background:url(../item/t_elderlycare.png) no-repeat;
	background-size:cover;
	background-position:center;
}
.ttl_bgimg02 {
	background:url(../item/t_childcare.png) no-repeat;
	background-size:cover;
	background-position:center;
}
.ttl_bgimg03 {
	background:url(../item/t_osteopath.png) no-repeat;
	background-size:cover;
	background-position:center;
}
.ttl_bgimg04 {
	background:url(../item/t_contact.png) no-repeat;
	background-size:cover;
	background-position:center;
}
.ttl_bgimg05 {
	background:url(../item/t_totalsupport.png) no-repeat;
	background-size:cover;
	background-position:center;
}
.ttl_bgimg06 {
	background:url(../item/t_welfare.png) no-repeat;
	background-size:cover;
	background-position:center;
}
.bg_ttl {
	width:440px;
	margin:0 auto;
	padding:20px 0 30px;
	background:rgba(0,0,0,0.3);
}

/**----------h2----------**/
h2 {
	color:#fff;
	font-weight:bold;
	font-size:32px;
	position:relative;
}
h2::after {
	content:' ';
	display:block;
	margin:0 auto 10px;
	width:90px;
	height:1px;
	background:#fff;
	vertical-align:top;
}

/**----------h3----------**/
h3 {
	font-size:17px;
	font-weight:bold;
	color:#fff;
}
/**----------h4---------**/
h4 {
	width:98%;
	margin:0 auto 30px;
	font-size:24px;
	font-weight:bold;
}
h4::after {
	content:' ';
	display:block;
	margin:5px 0 0;
	width:50px;
	height:1px;
	background:#333;
	vertical-align:top;
}

/**----------背景三角形---------**/
.bg_arrow {
	width:100%;
	padding:10% 0 15%;
	text-align:center;
	margin:0 auto 50px;
	background:url(../item/bg_arrow.png);
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position:bottom;
}
@media (max-width: 1200px) {
	.bg_arrow {
		padding:10% 0;
	}
}
@media (max-width: 768px) {
	.ttl_wrap {
		margin-bottom:35px;
	}
	.ttl_img {
		height:260px;
		padding-top:45px;
	}
	h4 {
		font-size:20px;
		margin-bottom:25px;
	}
	h4::after {
		margin:0;
		width:42px;
	}
	.bg_arrow {
		padding:5% 0 10%;
		margin-bottom:30px;
	}
}
@media (max-width: 640px) {
	.bg_ttl {
		width:340px;
		padding:15px 0 20px;
	}
	.bg_arrow .bg_ttl {
		padding:7px 0 10px;
	}
	h2 {
		font-size:26px;
	}
	.ttl_img {
		height:193px;
		padding-top:33px;
	}
}
@media (max-width: 480px) {
	.ttl_wrap {
		margin-bottom:30px;
	}
	h2 {
		font-size:24px;
	}
	
	.bg_ttl {
		width:280px;
	}
	.ttl_img {
		height:190px;
		padding-top:35px;
	}
	h4 {
		font-size:18px;
		margin-bottom:15px;
	}
	.bg_arrow {
		padding:11% 0 15%;
		background:url(../item/bg_arrow.png);
		background-repeat:no-repeat;
		background-size:150% auto;
		background-position:center bottom;
	}
}
@media (max-width: 375px) {
	h3 {
		font-size:16px;
	}
	.ttl_img {
		height:157px;
		padding-top:20px;
	}
}
@media (max-width: 320px) {
	.bg_arrow {
		padding:9% 0 13%;
	}
}


/* =========================================================
■ サブタイトル
========================================================= */
h5 {
	font-size:22px;
	line-height:1.5em;
	font-weight:bold;
}
h5::after {
	content:' ';
	display:block;
	margin:5px auto 5px;
	width:50px;
	height:1px;
	background:#fff;
	vertical-align:top;
}
h6 {
	font-size:16px;
	font-weight:bold;
}
.shop_cate {
	width:96%;
	max-width:640px;
	margin:0 auto 50px;
	position:relative;
}
.shop_cate img {
	width:100%;
}
.shop_cate .cate_ttl {
	position:absolute;
	background: rgba(0,0,0,0.7);
	color:#fff;
	width:62%;
	padding:20px 0;
	text-align:center;
	top:47px;
	left:19%;
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
	h5 {
		font-size:19px;
	}
	h6 {
		font-size:15px;
	}
	.shop_cate {
		width:500px;
	}
	.shop_cate .cate_ttl {
		top:32px;
	}
	
}
@media (max-width: 560px) {
	.shop_cate {
		width:400px;
	}
	.shop_cate .cate_ttl {
		top:25px;
		padding:10px 0;
	}
}
@media (max-width: 480px) {
	.shop_cate {
		width:98%;
		max-width:360px;
	}
	h5 {
		font-size:17.5px;
	}
	.shop_cate .cate_ttl {
		top:20px;
	}
}
@media (max-width: 375px) {
	h6 {
		line-height:1.5em;
	}
	.shop_cate {
		max-width:320px;
	}
	.shop_cate .cate_ttl {
		width:74%;
		left:13%;
		top:14px;
	}
}
@media (max-width: 360px) {
	h5 {
		font-size:17px;
	}
	h6 {
		font-size:14px;
	}
}
@media (max-width: 320px) {
	.shop_cate .cate_ttl {
		padding:5px 0;
	}
	h5 {
		font-size:16px;
	}
	h6 {
		font-size:13px;
	}
}
/* =========================================================
■ index
========================================================= */
/*ヘッダー画像
.header_main {
	width:100%;
	margin:0 auto 70px;
	position: relative;
	z-index:100;
	background: #e70012;
	padding:0;
	text-align:center;
	color:#fff;
	height:80px;
}*/
/*メイン画像*/
.back_main {
	width:100%;
	margin:0 auto 70px;
	position: relative;
	z-index:100;
	background: #e70012;
	padding:250px 0 150px;
	text-align:center;
	color:#fff;
}
.main_logo {
	width:100%;
	margin:0 auto 50px;
	text-align:center;
}
.main_logo img {
	max-width:90%;
}
.main_txt01 {
	font-size:38px;
	font-weight:bold;
}
.main_txt02 {
	font-size:28px;
	font-weight:bold;
	margin-bottom:100px;
}
.main_txt03 {
	font-size:18px;
}
/*テキスト*/
.txt_sty {
	width:98%;
	max-width:620px;
	margin:0 auto 50px;
}

.txt_sty p {
	margin-bottom:15px;
}

.ttl_sty {
	width:100%;
	margin:0 auto 20px;
	text-align:center;
	font-size:18px;
}
.ttl_sty span {
	background: linear-gradient(transparent 60%, #ff6 60%);
	padding:0 0.5em;
}
/*代表挨拶*/
.greeting_ttl{
	text-align:center;
	font-size:40px;
	margin-bottom:30px;
}
.greeting_ttl span{
	font-size:0.6em;
}

.greeting_right{
	float:right;
	margin-right:5px;
	width:200px;
	min-height:4em;
}
@media (max-width: 768px) {
	.greeting_ttl{
		font-size:30px;
		margin-bottom:20px;
	}
	.greeting_ttl span{
		font-size:0.7em;
	}
	.greeting_right{
		width:170px;
	}	
}
@media (max-width: 480px) {
	.greeting_ttl{
		font-size:22px;
		margin-bottom:10px;
	}
	.greeting_ttl span{
		font-size:0.8em;
	}	
}
/*沿革*/
.tbl_history {
	width:100%;
	max-width:600px;
	margin:0 auto 50px;
	line-height:1.5em;
}
.tbl_history th {
	padding:3px 0;
	vertical-align:top;
	text-align:right;
}
.tbl_history td {
	padding:3px 0;
	vertical-align:top;
	text-align:left;
	padding-left:15px;
}
.tbl_history th.year {
	width:65px;
}
.tbl_history th.month {
	width:45px;
}
/*所属団体*/
.list_group {
	width:98%;
	max-width:600px;
	margin:0 auto 50px;
}
.list_group li {
	float:none;
	margin-bottom:15px;
	line-height:1.5em;
}
/*本社概要*/
.contact_info {
	width:100%;
	background:#f6f2e9;
	padding:50px 0 25px;
	margin-top: 70px;
}
.tbl_company {
	width:98%;
	max-width:450px;
	margin:0 auto 50px;
	border-collapse:separate;
	border-spacing:3px;
}
.tbl_company th {
	width:150px;
	text-align:center;
	padding:10px 0;
	background: rgba(256,256,256,0.5);
	border-bottom:1px solid #ddd5c2;
}
.tbl_company td {
	text-align:left;
	padding:10px 0 10px 15px;
	border-bottom:1px solid #ddd5c2;
}
.btn_link {
	display:block;
	width:250px;
	margin:0 auto 50px;
}
.btn_link a {
	display:block;
	width:100%;
	text-align:center;
	font-size:18px;
	color:#fff;
	background:#1e2d43;
	padding:12px 0;
	transition: 0.4s;
}
.btn_link a:hover {
	background:#2f4f7d;
	transition: 0.4s;
}
.map {
	width:100%;
	max-width:780px;
	margin:0 auto 70px;
}
.map iframe {
	width:100%;
	height:520px;
}
/*グループバナー*/
.group{
	width:96%;
	max-width:780px;
	margin:0 auto 50px;
}
.group img {
	width:31.3%;
	float:left;
	margin:0 1% 10px;
}
	/*バナーが4つになったら使う
	 .group .group_bnr{
		width: 23%;
	} */

@media (max-width: 768px) {
	.tbl_history th.year {
		width:57px;
	}
	.tbl_history th.month {
		width:37px;
	}
	.tbl_history td {
		padding-left:10px;
	}
	.map iframe {
		height:470px;
	}
	.tbl_company {
		margin-bottom:35px;
	}
	.back_main {
		padding:20% 0 20%;
		margin-bottom:50px;
	}
	
}
@media (max-width: 640px) {
	.main_logo img {
		max-width:250px;
	}
	.main_txt01 {
		font-size:33px;
	}
	.main_txt02 {
		font-size:24px;
	}
}
@media (max-width: 480px) {
	.contact_info {
		padding-top:30px;
	}
	.tbl_company th {
		width:100px;
	}
	.map {
		margin-bottom:50px;
	}
	.map iframe {
		height:300px;
	}
	.back_main {
		padding:25% 0 20%;
	}
	.main_txt01 {
		font-size:28px;
	}
	.main_txt02 {
		font-size:20px;
	}
	.main_txt03 {
		font-size:16px;
	}
	.main_logo img {
		max-width:210px;
	}
	.back_main {
		margin-bottom:30px;
	}
}
@media (max-width: 320px) {
	.main_txt01 {
		font-size:24px;
	}
	.main_txt02 {
		font-size:18px;
		margin-bottom:70px;
	}
	.main_txt03  {
		font-size:15px;
	}
	.tbl_history th.year {
		width:52px;
	}
	.tbl_history th.month {
		width:32px;
	}
}
/* =========================================================
■ 他ページ
========================================================= */
.gallery {
	width:96%;
	max-width:780px;
	margin:0 auto 50px;
}
.gallery img {
	float:left;
	width:33.3%;
	margin:0;
}


@media (max-width: 414px) {
	.gallery img {
		width:50%;
	}
}
/* =========================================================
■ お問合せ
========================================================= */
.telbox{
	width:94%;
	max-width:600px;
	margin:0 auto 70px;
	padding:20px 0 30px;
	text-align:center;
	background:#fff;
	transition: 0.4s;
	border-bottom:1px solid #eee;
	border-right:1px solid #eee;
	
}
.telbox:hover {
	background:#f7f7f7;
	transition: 0.4s;
}
.telbox span{
	font-size:50px;
	color:#DF5976;
}

@media (max-width: 480px) {
	.telbox {
		border-top:1px solid #f7f7f7;
		border-left:1px solid #f7f7f7;
	}
}
@media (max-width: 414px) {
	.telbox span {
		font-size:40px;
	}
}
@media (max-width: 320px) {
	.telbox span {
		font-size:30px;
	}
}
/* =========================================================
■ footer コピーライト
========================================================= */
#footer {
	width:100%;
	margin:0 auto 0;
	text-align: center;
	background:#e70012;
	color:#FFF;
	padding:35px 0 30px;
	font-size: 14px;
}
#footer a{
	color: #FFF;
}
@media (max-width: 768px) {
	#footer {
		font-size:13px;
	}
}
@media (max-width: 480px) {
	#footer {
		font-size:12px;
		padding:25px 0 20px;
	}
}
/* =========================================================
■ 上部に戻るボタン
========================================================= */
#scroll-to-top {
	position: fixed;
	z-index: 2147483647;
	bottom: 95px;
	right: 20px;
	text-decoration: none;
}
.scroll-to-top-not-display {
	display:none;
}
@media (max-width: 768px) {
	#scroll-to-top {
		right:10px;
		bottom:10px;
	}
	#scroll-to-top img {
		width:40px;
		height:40px;
	}
}
/* =========================================================
■ 汎用
========================================================= */
.inline_b {
	display:inline-block;
}
.err_msg {
	width:100%;
	text-align: center;
	color:#FF0000;
	margin-bottom:15px;
}
@media (max-width: 640px) {
	.err_msg {
		font-size:15px;
		text-align:left;
		width:96%;
		margin:0 auto 15px;
	}
}
@media (max-width: 480px) {
	.err_msg {
		font-size:14px;
		
	}
}
/* =========================================================
■ clearfix
========================================================= */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}
.uni_center {
	text-align: center;
}